4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T47ac,"use client"; import { Button as ButtonPrimitive } from "@base-ui/react/button"; import { mergeProps } from "@base-ui/react/merge-props"; import { Popover as PopoverPrimitive } from "@base-ui/react/popover"; import { useRender } from "@base-ui/react/use-render"; import type { ComponentProps, MouseEvent, PointerEvent, ReactElement, ReactNode, } from "react"; import { createPortal } from "react-dom"; import { type ComposerEditorOptions, ComposerEditorProvider, type ComposerItemValue, type ComposerTokenPart, focusComposerInput, getComposerText, useComposerAnchorContext, useComposerEditorContext, useComposerInputLayout, useComposerItem, useComposerSuggestionsContext, } from "@/registry/default/lib/composer-editor"; import { cn } from "@/registry/default/lib/utils"; import { ScrollArea } from "@/registry/default/ui/scroll-area"; type ComposerPopupProps = ComponentProps & { anchor?: ComponentProps["anchor"]; side?: ComponentProps["side"]; align?: ComponentProps["align"]; sideOffset?: ComponentProps["sideOffset"]; alignOffset?: ComponentProps< typeof PopoverPrimitive.Positioner >["alignOffset"]; positionerClassName?: string; portalProps?: ComponentProps; }; type ComposerFormProps = useRender.ComponentProps<"form">; type ComposerLayout = "stacked" | "adaptive"; type ComposerTokenVariant = "default" | "chip"; const composerTokenClassName = "wrap-break-word inline cursor-default align-baseline font-normal text-primary data-[variant=default]:font-medium data-[variant=chip]:box-decoration-clone data-[variant=chip]:rounded-md data-[variant=chip]:bg-accent data-[variant=chip]:px-1.5 data-[variant=chip]:py-px data-[variant=chip]:text-accent-foreground [&_[data-slot=composer-token-icon]:empty]:hidden [&_[data-slot=composer-token-icon]>svg]:size-3.5"; function ComposerFrame({ className, layout = "stacked", render, ref, name, children, ...props }: ComposerFormProps & { layout?: ComposerLayout }): ReactElement { const editor = useComposerEditorContext(); const anchorRef = useComposerAnchorContext(); const defaultProps = { "data-slot": "composer", "data-layout": layout, "data-base-ui-swipe-ignore": "", onMouseDown: (event: MouseEvent): void => { focusComposerInput(event, true); }, onClick: (event: MouseEvent): void => { focusComposerInput(event, false); }, "data-disabled": editor?.disabled ? "" : undefined, "data-readonly": editor?.readOnly ? "" : undefined, children: ( <> {children} {name && ( )} ), className: cn( "relative flex min-h-0 min-w-0 cursor-text flex-col rounded-(--composer-radius) border border-input bg-background not-dark:bg-clip-padding pb-[calc(var(--composer-padding)-1px)] text-foreground shadow-xs/5 ring-ring/24 transition-shadow [--composer-radius:var(--radius-xl)] [--composer-max-rows:4] [--composer-padding:--spacing(2)] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--composer-radius)-1px)] not-data-disabled:not-has-[[data-slot=composer-input]:focus-visible]:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-[[data-slot=composer-input]:focus-visible]:has-aria-invalid:border-destructive/64 has-[[data-slot=composer-input]:focus-visible]:has-aria-invalid:ring-destructive/16 has-[[data-slot=composer-input]:focus-visible]:border-ring has-aria-invalid:border-destructive/36 has-[[data-slot=composer-input]:focus-visible]:shadow-none has-aria-invalid:shadow-none has-[[data-slot=composer-input]:focus-visible]:ring-[3px] aria-invalid:border-destructive/36 aria-invalid:shadow-none data-disabled:opacity-64 data-disabled:shadow-none dark:bg-input/32 dark:aria-invalid:ring-destructive/24 dark:has-aria-invalid:ring-destructive/24 dark:not-data-disabled:not-has-[[data-slot=composer-input]:focus-visible]:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)] md:[--composer-max-rows:8]", "data-[layout=adaptive]:data-multiline:grid-rows-[minmax(0,1fr)_auto] data-[layout=adaptive]:grid data-[layout=adaptive]:grid-cols-[auto_minmax(0,1fr)_auto] data-[layout=adaptive]:items-center data-[layout=adaptive]:not-data-multiline:px-[calc(--spacing(2)-1px)] data-[layout=adaptive]:not-data-multiline:pt-[calc(var(--composer-padding)-1px)]", className, ), }; return useRender({ defaultTagName: "form", render, ref: [anchorRef ?? null, ref ?? null], props: mergeProps<"form">(defaultProps, editor?.formProps ?? {}, props), }); } export type ComposerProps = Omit< ComposerFormProps, "defaultValue" | "onSubmit" | "name" > & ComposerEditorOptions & { layout?: ComposerLayout }; export function Composer({ layout, value, defaultValue, onValueChange, onSubmit, onQueryChange, onAction, submitOnEmptySuggestions, triggers, disabled, readOnly, submitDisabled, allowEmpty, submitOnEnter, name, getSuggestionsAnnouncement, ...frameProps }: ComposerProps): ReactElement { return ( ); } export function ComposerInput({ className, placeholder, renderToken, render, ref, ...props }: useRender.ComponentProps<"div"> & { placeholder?: string; renderToken?: (token: ComposerTokenPart) => ReactNode; }): ReactElement { const editor = useComposerEditorContext(); const suggestions = useComposerSuggestionsContext(); const tokenHosts = editor?.tokenHosts; const { scrollRef, inputRef: layoutInputRef } = useComposerInputLayout(); const textarea = editor?.isTextarea ?? false; const { ref: editorRef, ...editorProps } = editor?.inputProps ?? {}; const defaultProps = { "data-slot": "composer-input", ...(render === undefined ? { contentEditable: true, role: "textbox" as const, "aria-multiline": true as const, suppressContentEditableWarning: true, } : {}), "data-empty": !textarea && editor?.isEmpty && !editor.isComposing ? "" : undefined, ...(textarea ? { placeholder } : {}), "data-placeholder": placeholder, "aria-placeholder": editor ? placeholder : undefined, className: cn( "field-sizing-content wrap-anywhere relative block min-h-[calc(var(--composer-min-rows,1)*1lh+--spacing(2))] w-full min-w-0 resize-none whitespace-pre-wrap border-0 bg-transparent in-[[data-layout=adaptive]:not([data-multiline])]:px-1 px-[calc(--spacing(3)-1px)] py-1 outline-none placeholder:text-muted-foreground/72 data-empty:before:pointer-events-none data-empty:before:absolute data-empty:before:text-muted-foreground/72 data-empty:before:content-[attr(data-placeholder)] md:in-data-[layout=adaptive]:min-h-[calc(var(--composer-min-rows,1)*1lh+--spacing(2))] md:min-h-[calc(var(--composer-min-rows,2)*1lh+--spacing(2))]", className, ), }; const inputBehaviorProps = textarea ? { contentEditable: undefined, disabled: editor?.disabled, readOnly: editor?.readOnly, } : (suggestions?.inputProps ?? {}); const input = useRender({ defaultTagName: "div", render, ref: [editorRef ?? null, layoutInputRef, ref ?? null], props: mergeProps<"div">( defaultProps, editorProps, inputBehaviorProps, props, ), }); return ( <> {/* The drawer reserves keyboard space; its nested input scroller needs no extra bottom padding. */} {input} {tokenHosts?.map((host, index) => { const node = host.parentElement; if (!node) return null; const token: ComposerTokenPart = { type: node.dataset.composerToken === "action" ? "action" : "mention", id: node.dataset.id ?? "", label: node.dataset.label ?? "", trigger: node.dataset.trigger ?? "@", ...(node.dataset.kind ? { kind: node.dataset.kind } : {}), ...(node.dataset.data !== undefined ? { data: node.dataset.data } : {}), ...(node.dataset.text !== undefined ? { text: node.dataset.text } : {}), }; return createPortal( renderToken?.(token) ?? , host, String(index), ); })} ); } export function ComposerToken({ variant = "default", token, icon, children, className, ...props }: Omit, "contentEditable"> & { variant?: ComposerTokenVariant; token: ComposerTokenPart; icon?: ReactNode; }): ReactElement { return ( {variant === "chip" && icon && ( )} {variant === "default" && token.trigger} {children ?? token.label} ); } export function ComposerPopup({ className, anchor, side = "top", align = "start", sideOffset = 4, alignOffset, positionerClassName, portalProps, ...props }: ComposerPopupProps): ReactElement { const anchorRef = useComposerAnchorContext(); const editor = useComposerEditorContext(); return ( ); } export function ComposerList({ className, children, render, ref, ...props }: Omit, "children"> & { children?: | ReactNode | ((item: ComposerItemValue, index: number) => ReactNode); }): ReactElement { const suggestions = useComposerSuggestionsContext(); const defaultProps = { "data-slot": "composer-list", id: suggestions?.listId, role: suggestions ? "listbox" : undefined, "aria-label": suggestions ? "Suggestions" : undefined, children: typeof children === "function" ? (suggestions?.items as readonly ComposerItemValue[] | undefined)?.map( children, ) : children, className: cn( "not-empty:scroll-py-1 not-empty:p-1 in-data-has-overflow-y:pe-3", className, ), }; const list = useRender({ defaultTagName: "div", render, ref: [suggestions?.registerList ?? null, ref ?? null], props: mergeProps<"div">(defaultProps, props), }); return ( {list} ); } export function ComposerItem({ className, value, disabled: disabledProp, render, ref, ...props }: Omit< useRender.ComponentProps< "button", { highlighted: boolean; disabled: boolean } >, "value" > & { value?: ComposerItemValue; }): ReactElement { const disabled = Boolean(disabledProp || value?.disabled); const item = useComposerItem(value, disabled); const { highlighted } = item; const defaultProps = { ...item.props, type: "button" as const, "data-slot": "composer-item", disabled, className: cn( "flex min-h-8 w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-start text-base outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm", className, ), }; return useRender({ defaultTagName: "button", render, ref: [item.ref, ref ?? null], state: { highlighted, disabled }, props: mergeProps<"button">(defaultProps, props), }); } export function ComposerStatus({ className, render, ref, ...props }: useRender.ComponentProps<"div">): ReactElement { const defaultProps = { role: "status", "data-slot": "composer-status", className: cn( "px-3 py-2 font-medium text-muted-foreground text-xs empty:m-0 empty:p-0", className, ), }; return useRender({ defaultTagName: "div", render, ref, props: mergeProps<"div">(defaultProps, props), }); } export function ComposerActions({ className, ...props }: ComponentProps<"div">): ReactElement { return (

); } export function ComposerActionGroup({ className, align = "start", ...props }: ComponentProps<"div"> & { align?: "start" | "end" }): ReactElement { return (

); } export function ComposerSubmit({ disabled, className, style, render, ref, ...props }: Omit, "type">): ReactElement { const editor = useComposerEditorContext(); const defaultProps = { "data-slot": "composer-submit", type: "button" as const, disabled: disabled ?? !editor?.canSubmit, onPointerDown: (event: PointerEvent): void => { const input = editor?.rootRef.current?.querySelector( '[data-slot="composer-input"]', ); if ( event.button === 0 && input === event.currentTarget.ownerDocument.activeElement ) { event.preventDefault(); } }, onClick: (event: MouseEvent): void => { if (event.defaultPrevented || disabled) return; event.preventDefault(); editor?.submit(); }, }; return ( (defaultProps, props)} className={className} style={style} render={render} ref={ref} /> ); } export { type ComposerChangeDetails, type ComposerItemValue, type ComposerPart, type ComposerQuery, type ComposerTokenPart, type ComposerTrigger, type ComposerValue, getComposerText, useComposerContext, useComposerFilter, } from "@/registry/default/lib/composer-editor"; export type { ComposerPopupProps, ComposerTokenVariant }; 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@base-ui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@base-ui/react"}]]}]}]]}],["$","$L4f",null,{"namespace":"@coss","registryDependencies":["@coss/composer-editor","@coss/scroll-area"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"registry/default/ui/composer.tsx","content":"$51","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]