npm - @adea-ai/ui - Versions diffs - 0.71.1 → 0.71.3 - Mend

@adea-ai/ui 0.71.1 → 0.71.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

package/dist/components/conversation/internal/chat-composer-shell.js CHANGED Viewed

@@ -18,7 +18,7 @@ var _tmpl$8 = /*#__PURE__*/ template(`<div class="flex min-w-0 flex-col"><span>C
 var _tmpl$9 = /*#__PURE__*/ template(`<form data-slot=composer-input-box class="border-input bg-card flex flex-col overflow-hidden rounded-2xl border transition-colors focus-within:border-ring"><div data-slot=composer-action-row class="flex items-center justify-between gap-2 px-2.5 pb-2 pt-0.5"><div class="flex min-w-0 items-center gap-1"></div><div class="flex shrink-0 items-center gap-1">`);
 var _tmpl$0 = /*#__PURE__*/ template(`<div data-slot=composer-context class="flex min-w-0 items-center gap-2 pt-1">`);
 var _tmpl$1 = /*#__PURE__*/ template(`<div data-slot=chat-composer class="mx-auto flex w-full max-w-4xl flex-col px-4 pb-1"><div aria-hidden=true class="h-1.5 shrink-0">`);
-var _tmpl$10 = /*#__PURE__*/ template(`<p role=alert class="text-destructive mb-1 text-xs">`);
+var _tmpl$10 = /*#__PURE__*/ template(`<p role=alert class="text-foreground mb-1 border-s-2 border-destructive ps-2 text-xs">`);
 var _tmpl$11 = /*#__PURE__*/ template(`<span aria-hidden=true class=shrink-0>Show the message input`);
 var _tmpl$12 = /*#__PURE__*/ template(`<span aria-hidden=true class="min-w-0 flex-1 truncate">`);
 /**

package/dist/components/conversation/internal/chat-composer-shell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chat-composer-shell.js","names":["ChevronsDownUp","ChevronsUpDown","MoreHorizontal","ArrowUp","Show","createEffect","createSignal","on","onCleanup","onMount","Accessor","JSX","ChatComposerControl","ChatComposerSharedProps","ChatComposerSubmitInput","Button","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","Spinner","BusySendButton","BusySendMode","createComposerImeGuard","ChatComposerInputRenderProps","ref","element","HTMLTextAreaElement","value","resetKey","inputLabel","placeholder","disabled","readOnly","composing","onCompositionStart","onCompositionEnd","onFocus","onBlur","onKeyDown","event","KeyboardEvent","ChatComposerShellProps","createSubmitExtra","input","Extra","onSubmit","Promise","renderInput","props","Element","ChatComposerShell","ime","pending","setPending","error","setError","field","restoreBar","HTMLButtonElement","focusFrame","focusTarget","selection","start","end","direction","generation","active","collapsed","collapse","unavailable","blockedReason","cancelFocus","undefined","cancelAnimationFrame","requestFocus","target","requestAnimationFrame","approvalFocus","focus","setSelectionRange","Math","min","length","changeCollapsed","selectionStart","selectionEnd","selectionDirection","onChange","control","expandAndFocus","controlRef","defer","action","busy","mode","canSend","selected","sendableActions","trim","submit","started","base","text","preview","first","split","find","line","slice","handleInputKeyDown","key","shiftKey","defaultPrevented","claimEnter","metaKey","ctrlKey","handleCompositionStart","handleCompositionEnd","handleBlur","_el$","_tmpl$1","_el$5","firstChild","_$insert","_$createComponent","when","children","knowledge","_el$2","_tmpl$","followUps","_el$3","_tmpl$2","band","_el$4","_tmpl$3","approval","_el$6","_tmpl$4","notices","_el$7","_tmpl$5","_el$8","_tmpl$6","message","_el$14","_tmpl$10","fallback","type","variant","size","onClick","_tmpl$11","_el$16","_tmpl$12","_el$9","_tmpl$9","_el$1","_el$10","_el$12","nextSibling","addEventListener","preventDefault","attachments","_el$0","_tmpl$7","menuItems","placement","as","onCloseAutoFocus","_$memo","onSelect","_tmpl$8","leadingActions","trailingActions","aria-label","label","_$mergeProps","alternateActionHint","onFire","context","_el$13","_tmpl$0","_$createComponent","_$memo","_$mergeProps"],"sources":["../../../../src/components/conversation/internal/chat-composer-shell.tsx"],"sourcesContent":["/\n Substantially translated from KiroCrew website/src/components/ChatInput.tsx\n * at 283e136c0f902e965a535a7c9548c57c7504fed0.\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * Licensed under Apache-2.0; see LICENSE and NOTICE.\n /\nimport { ChevronsDownUp, ChevronsUpDown, MoreHorizontal, ArrowUp } from 'lucide-solid'\nimport {\n Show,\n createEffect,\n createSignal,\n on,\n onCleanup,\n onMount,\n type Accessor,\n type JSX,\n} from 'solid-js'\nimport type {\n ChatComposerControl,\n ChatComposerSharedProps,\n ChatComposerSubmitInput,\n} from '../chat-composer'\nimport { Button } from '../../ui/button/button'\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from '../../ui/dropdown-menu/dropdown-menu'\nimport { Spinner } from '../../ui/spinner/spinner'\nimport { BusySendButton, type BusySendMode } from '../busy-send-button'\nimport { createComposerImeGuard } from '../ime-guard'\n\n/* Private typed seam: public wrappers supply the native or atomic input. /\ntype ChatComposerInputRenderProps = {\n ref: (element: HTMLTextAreaElement \| undefined) => void\n value: Accessor<string>\n resetKey: Accessor<unknown>\n inputLabel: Accessor<string>\n placeholder: Accessor<string>\n disabled: Accessor<boolean \| undefined>\n readOnly: Accessor<boolean>\n composing: Accessor<boolean>\n onCompositionStart: () => void\n onCompositionEnd: () => void\n onFocus: () => void\n onBlur: () => void\n onKeyDown: (event: KeyboardEvent) => void\n}\n\ntype ChatComposerShellProps<Extra extends object> = ChatComposerSharedProps & {\n createSubmitExtra: (input: ChatComposerSubmitInput) => Extra\n onSubmit: (input: ChatComposerSubmitInput & Extra) => void \| Promise<void>\n renderInput: (props: ChatComposerInputRenderProps) => JSX.Element\n}\n\n/\n Kiro's composer assembly: context/options, adjacent band, approval/notices,\n * staged content, input/action groups and a context shelf. Reading collapse\n * really unmounts the input and shelf and offers a labeled way back with draft\n * preview. The host retains the only draft, identities, preferences and services.\n \n Kobalte owns the options menu. Scoped imperative typing intent replaces the\n * donor global lookup/broadcast so a second composer cannot receive this draft\n * or focus. No animation starts from hidden geometry, no global shortcut, and no\n * runtime/permission/voice/optimizer authority is copied. More specific chips,\n * approval decisions and staged-content semantics are supplied by their owners.\n */\nexport function ChatComposerShell<Extra extends object>(props: ChatComposerShellProps<Extra>) {\n const ime = createComposerImeGuard()\n const [pending, setPending] = createSignal(false)\n const [error, setError] = createSignal<string \| null>(null)\n let field: HTMLTextAreaElement \| undefined\n let restoreBar: HTMLButtonElement \| undefined\n let focusFrame: number \| undefined\n let focusTarget: 'input' \| 'bar' \| undefined\n let selection:\n \| { start: number; end: number; direction: 'forward' \| 'backward' \| 'none' }\n \| undefined\n let generation = 0\n let active = true\n let composing = false\n const collapsed = () => props.collapse?.value === true\n const unavailable = () => props.disabled \|\| props.readOnly \|\| !!props.blockedReason\n const cancelFocus = () => {\n if (focusFrame !== undefined) cancelAnimationFrame(focusFrame)\n focusFrame = undefined\n }\n const requestFocus = (target: 'input' \| 'bar') => {\n cancelFocus()\n focusTarget = target\n focusFrame = requestAnimationFrame(() => {\n focusFrame = undefined\n if (!active \|\| props.approvalFocus) return\n if (target === 'bar' && collapsed()) restoreBar?.focus()\n if (target === 'input' && !collapsed() && !props.disabled && field) {\n field.focus()\n if (selection)\n field.setSelectionRange(\n Math.min(selection.start, field.value.length),\n Math.min(selection.end, field.value.length),\n selection.direction\n )\n }\n focusTarget = undefined\n })\n }\n const changeCollapsed = (value: boolean) => {\n if (!props.collapse \|\| props.approvalFocus) return\n if (value && field)\n selection = {\n start: field.selectionStart,\n end: field.selectionEnd,\n direction: field.selectionDirection,\n }\n props.collapse.onChange(value)\n requestFocus(value ? 'bar' : 'input')\n }\n const control: ChatComposerControl = {\n focus() {\n if (collapsed() \|\| props.approvalFocus \|\| props.disabled \|\| !field) return false\n field.focus()\n return true\n },\n expandAndFocus() {\n if (props.approvalFocus \|\| props.disabled) return false\n if (collapsed()) changeCollapsed(false)\n else requestFocus('input')\n return true\n },\n }\n onMount(() => props.controlRef?.(control))\n createEffect(\n on(\n () => props.resetKey,\n () => {\n generation += 1\n selection = undefined\n composing = false\n cancelFocus()\n focusTarget = undefined\n setPending(false)\n setError(null)\n ime.onBlur()\n },\n { defer: true }\n )\n )\n onCleanup(() => {\n active = false\n generation += 1\n cancelFocus()\n props.controlRef?.(undefined)\n })\n const action = (): 'send' \| BusySendMode => props.busy?.mode ?? 'send'\n const canSend = (selected: 'send' \| BusySendMode = action()) =>\n !unavailable() &&\n !pending() &&\n (props.sendableActions?.[selected] ?? props.value.trim().length > 0) &&\n !(selected !== 'send' && props.busy?.unavailable?.[selected])\n const submit = async (selected: 'send' \| BusySendMode = action()) => {\n if (!canSend(selected)) return\n const started = generation\n const base: ChatComposerSubmitInput = { text: props.value, action: selected }\n const input = { ...base, ...props.createSubmitExtra(base) }\n setPending(true)\n setError(null)\n try {\n await props.onSubmit(input)\n } catch {\n if (active && started === generation)\n setError('Message not sent. Check your draft and retry when the connection recovers.')\n } finally {\n if (active && started === generation) setPending(false)\n }\n }\n const preview = () => {\n const first =\n props.value\n .split('\\n')\n .find((line) => line.trim().length > 0)\n ?.trim() ?? ''\n return first.length > 120 ? `${first.slice(0, 120)}…` : first\n }\n const handleInputKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && error()) {\n setError(null)\n return\n }\n if (event.key !== 'Enter' \|\| event.shiftKey \|\| event.defaultPrevented) return\n if (ime.claimEnter(event)) {\n const selected =\n props.busy && (event.metaKey \|\| event.ctrlKey)\n ? props.busy.mode === 'steer'\n ? 'queue'\n : 'steer'\n : action()\n void submit(selected)\n }\n }\n const handleCompositionStart = () => {\n composing = true\n ime.onCompositionStart()\n }\n const handleCompositionEnd = () => {\n composing = false\n ime.onCompositionEnd()\n }\n const handleBlur = () => {\n composing = false\n ime.onBlur()\n }\n return (\n <div data-slot=\"chat-composer\" class=\"mx-auto flex w-full max-w-4xl flex-col px-4 pb-1\">\n <Show when={!props.approvalFocus}>\n <Show when={props.knowledge}>\n <div data-slot=\"composer-knowledge\">{props.knowledge}</div>\n </Show>\n <Show when={props.followUps}>\n <div data-slot=\"composer-follow-ups\">{props.followUps}</div>\n </Show>\n </Show>\n <Show when={props.band}>\n <div data-slot=\"composer-band\">{props.band}</div>\n </Show>\n <div aria-hidden=\"true\" class=\"h-1.5 shrink-0\" />\n <Show when={props.approval}>\n <div data-slot=\"composer-approval\">{props.approval}</div>\n </Show>\n <Show when={props.notices}>\n <div data-slot=\"composer-notices\">{props.notices}</div>\n </Show>\n <Show when={props.blockedReason}>\n <p role=\"status\" class=\"text-muted-foreground mb-1 text-xs\">\n {props.blockedReason}\n </p>\n </Show>\n <Show when={error()}>\n {(message) => (\n <p role=\"alert\" class=\"text-destructive mb-1 text-xs\">\n {message()}\n </p>\n )}\n </Show>\n <Show when={!props.approvalFocus}>\n <Show\n when={!collapsed()}\n fallback={\n <Button\n ref={(element) => {\n restoreBar = element\n onCleanup(() => {\n if (restoreBar === element) restoreBar = undefined\n })\n }}\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\n class=\"w-full justify-start\"\n aria-expanded={false}\n aria-label=\"Show the message input\"\n onClick={() => changeCollapsed(false)}\n >\n <ChevronsUpDown />\n <span aria-hidden=\"true\" class=\"shrink-0\">\n Show the message input\n </span>\n <Show when={preview()}>\n <span aria-hidden=\"true\" class=\"min-w-0 flex-1 truncate\">\n {preview()}\n </span>\n </Show>\n </Button>\n }\n >\n <form\n data-slot=\"composer-input-box\"\n class=\"border-input bg-card flex flex-col overflow-hidden rounded-2xl border transition-colors focus-within:border-ring\"\n onSubmit={(event) => {\n event.preventDefault()\n void submit()\n }}\n >\n <Show when={props.attachments}>\n <div data-slot=\"composer-staged-content\">{props.attachments}</div>\n </Show>\n {props.renderInput({\n ref: (element) => {\n field = element\n if (element)\n onCleanup(() => {\n if (field === element) field = undefined\n })\n },\n value: () => props.value,\n resetKey: () => props.resetKey,\n inputLabel: () => props.inputLabel ?? 'Message',\n placeholder: () => props.placeholder ?? 'Write a message…',\n disabled: () => props.disabled,\n readOnly: () => props.readOnly \|\| pending(),\n composing: () => composing,\n onCompositionStart: handleCompositionStart,\n onCompositionEnd: handleCompositionEnd,\n onFocus: ime.onFocus,\n onBlur: handleBlur,\n onKeyDown: handleInputKeyDown,\n })}\n <div\n data-slot=\"composer-action-row\"\n class=\"flex items-center justify-between gap-2 px-2.5 pb-2 pt-0.5\"\n >\n <div class=\"flex min-w-0 items-center gap-1\">\n <Show when={props.collapse \|\| props.menuItems}>\n <DropdownMenu placement=\"top-start\">\n <DropdownMenuTrigger\n as={Button}\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-sm\"\n aria-label=\"Message input options\"\n >\n <MoreHorizontal />\n </DropdownMenuTrigger>\n <DropdownMenuContent\n onCloseAutoFocus={(event) => {\n if (focusTarget) event.preventDefault()\n }}\n >\n {props.menuItems}\n <Show when={props.collapse}>\n <DropdownMenuItem onSelect={() => changeCollapsed(true)}>\n <ChevronsDownUp />\n <div class=\"flex min-w-0 flex-col\">\n <span>Collapse the message input</span>\n <span class=\"text-muted-foreground text-xs\">\n Make room to read; keep your draft\n </span>\n </div>\n </DropdownMenuItem>\n </Show>\n </DropdownMenuContent>\n </DropdownMenu>\n </Show>\n {props.leadingActions}\n </div>\n <div class=\"flex shrink-0 items-center gap-1\">\n {props.trailingActions}\n <Show\n when={props.busy}\n fallback={\n <Button\n type=\"submit\"\n size=\"icon-sm\"\n disabled={!canSend()}\n aria-label={pending() ? 'Sending message' : 'Send message'}\n >\n <Show when={pending()} fallback={<ArrowUp />}>\n <Spinner size=\"sm\" label={false} />\n </Show>\n </Button>\n }\n >\n {(busy) => (\n <BusySendButton\n {...busy()}\n alternateActionHint={\n canSend(busy().mode === 'steer' ? 'queue' : 'steer')\n ? 'Ctrl/Cmd+Enter uses the other action'\n : undefined\n }\n disabled={!canSend()}\n onFire={() => {\n void submit()\n }}\n />\n )}\n </Show>\n </div>\n </div>\n </form>\n <Show when={props.context}>\n <div data-slot=\"composer-context\" class=\"flex min-w-0 items-center gap-2 pt-1\">\n {props.context}\n </div>\n </Show>\n </Show>\n </Show>\n </div>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"chat-composer-shell.js","names":["ChevronsDownUp","ChevronsUpDown","MoreHorizontal","ArrowUp","Show","createEffect","createSignal","on","onCleanup","onMount","Accessor","JSX","ChatComposerControl","ChatComposerSharedProps","ChatComposerSubmitInput","Button","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","Spinner","BusySendButton","BusySendMode","createComposerImeGuard","ChatComposerInputRenderProps","ref","element","HTMLTextAreaElement","value","resetKey","inputLabel","placeholder","disabled","readOnly","composing","onCompositionStart","onCompositionEnd","onFocus","onBlur","onKeyDown","event","KeyboardEvent","ChatComposerShellProps","createSubmitExtra","input","Extra","onSubmit","Promise","renderInput","props","Element","ChatComposerShell","ime","pending","setPending","error","setError","field","restoreBar","HTMLButtonElement","focusFrame","focusTarget","selection","start","end","direction","generation","active","collapsed","collapse","unavailable","blockedReason","cancelFocus","undefined","cancelAnimationFrame","requestFocus","target","requestAnimationFrame","approvalFocus","focus","setSelectionRange","Math","min","length","changeCollapsed","selectionStart","selectionEnd","selectionDirection","onChange","control","expandAndFocus","controlRef","defer","action","busy","mode","canSend","selected","sendableActions","trim","submit","started","base","text","preview","first","split","find","line","slice","handleInputKeyDown","key","shiftKey","defaultPrevented","claimEnter","metaKey","ctrlKey","handleCompositionStart","handleCompositionEnd","handleBlur","_el$","_tmpl$1","_el$5","firstChild","_$insert","_$createComponent","when","children","knowledge","_el$2","_tmpl$","followUps","_el$3","_tmpl$2","band","_el$4","_tmpl$3","approval","_el$6","_tmpl$4","notices","_el$7","_tmpl$5","_el$8","_tmpl$6","message","_el$14","_tmpl$10","fallback","type","variant","size","onClick","_tmpl$11","_el$16","_tmpl$12","_el$9","_tmpl$9","_el$1","_el$10","_el$12","nextSibling","addEventListener","preventDefault","attachments","_el$0","_tmpl$7","menuItems","placement","as","onCloseAutoFocus","_$memo","onSelect","_tmpl$8","leadingActions","trailingActions","aria-label","label","_$mergeProps","alternateActionHint","onFire","context","_el$13","_tmpl$0","_$createComponent","_$memo","_$mergeProps"],"sources":["../../../../src/components/conversation/internal/chat-composer-shell.tsx"],"sourcesContent":["/\n Substantially translated from KiroCrew website/src/components/ChatInput.tsx\n * at 283e136c0f902e965a535a7c9548c57c7504fed0.\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * Licensed under Apache-2.0; see LICENSE and NOTICE.\n /\nimport { ChevronsDownUp, ChevronsUpDown, MoreHorizontal, ArrowUp } from 'lucide-solid'\nimport {\n Show,\n createEffect,\n createSignal,\n on,\n onCleanup,\n onMount,\n type Accessor,\n type JSX,\n} from 'solid-js'\nimport type {\n ChatComposerControl,\n ChatComposerSharedProps,\n ChatComposerSubmitInput,\n} from '../chat-composer'\nimport { Button } from '../../ui/button/button'\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from '../../ui/dropdown-menu/dropdown-menu'\nimport { Spinner } from '../../ui/spinner/spinner'\nimport { BusySendButton, type BusySendMode } from '../busy-send-button'\nimport { createComposerImeGuard } from '../ime-guard'\n\n/* Private typed seam: public wrappers supply the native or atomic input. /\ntype ChatComposerInputRenderProps = {\n ref: (element: HTMLTextAreaElement \| undefined) => void\n value: Accessor<string>\n resetKey: Accessor<unknown>\n inputLabel: Accessor<string>\n placeholder: Accessor<string>\n disabled: Accessor<boolean \| undefined>\n readOnly: Accessor<boolean>\n composing: Accessor<boolean>\n onCompositionStart: () => void\n onCompositionEnd: () => void\n onFocus: () => void\n onBlur: () => void\n onKeyDown: (event: KeyboardEvent) => void\n}\n\ntype ChatComposerShellProps<Extra extends object> = ChatComposerSharedProps & {\n createSubmitExtra: (input: ChatComposerSubmitInput) => Extra\n onSubmit: (input: ChatComposerSubmitInput & Extra) => void \| Promise<void>\n renderInput: (props: ChatComposerInputRenderProps) => JSX.Element\n}\n\n/\n Kiro's composer assembly: context/options, adjacent band, approval/notices,\n * staged content, input/action groups and a context shelf. Reading collapse\n * really unmounts the input and shelf and offers a labeled way back with draft\n * preview. The host retains the only draft, identities, preferences and services.\n \n Kobalte owns the options menu. Scoped imperative typing intent replaces the\n * donor global lookup/broadcast so a second composer cannot receive this draft\n * or focus. No animation starts from hidden geometry, no global shortcut, and no\n * runtime/permission/voice/optimizer authority is copied. More specific chips,\n * approval decisions and staged-content semantics are supplied by their owners.\n */\nexport function ChatComposerShell<Extra extends object>(props: ChatComposerShellProps<Extra>) {\n const ime = createComposerImeGuard()\n const [pending, setPending] = createSignal(false)\n const [error, setError] = createSignal<string \| null>(null)\n let field: HTMLTextAreaElement \| undefined\n let restoreBar: HTMLButtonElement \| undefined\n let focusFrame: number \| undefined\n let focusTarget: 'input' \| 'bar' \| undefined\n let selection:\n \| { start: number; end: number; direction: 'forward' \| 'backward' \| 'none' }\n \| undefined\n let generation = 0\n let active = true\n let composing = false\n const collapsed = () => props.collapse?.value === true\n const unavailable = () => props.disabled \|\| props.readOnly \|\| !!props.blockedReason\n const cancelFocus = () => {\n if (focusFrame !== undefined) cancelAnimationFrame(focusFrame)\n focusFrame = undefined\n }\n const requestFocus = (target: 'input' \| 'bar') => {\n cancelFocus()\n focusTarget = target\n focusFrame = requestAnimationFrame(() => {\n focusFrame = undefined\n if (!active \|\| props.approvalFocus) return\n if (target === 'bar' && collapsed()) restoreBar?.focus()\n if (target === 'input' && !collapsed() && !props.disabled && field) {\n field.focus()\n if (selection)\n field.setSelectionRange(\n Math.min(selection.start, field.value.length),\n Math.min(selection.end, field.value.length),\n selection.direction\n )\n }\n focusTarget = undefined\n })\n }\n const changeCollapsed = (value: boolean) => {\n if (!props.collapse \|\| props.approvalFocus) return\n if (value && field)\n selection = {\n start: field.selectionStart,\n end: field.selectionEnd,\n direction: field.selectionDirection,\n }\n props.collapse.onChange(value)\n requestFocus(value ? 'bar' : 'input')\n }\n const control: ChatComposerControl = {\n focus() {\n if (collapsed() \|\| props.approvalFocus \|\| props.disabled \|\| !field) return false\n field.focus()\n return true\n },\n expandAndFocus() {\n if (props.approvalFocus \|\| props.disabled) return false\n if (collapsed()) changeCollapsed(false)\n else requestFocus('input')\n return true\n },\n }\n onMount(() => props.controlRef?.(control))\n createEffect(\n on(\n () => props.resetKey,\n () => {\n generation += 1\n selection = undefined\n composing = false\n cancelFocus()\n focusTarget = undefined\n setPending(false)\n setError(null)\n ime.onBlur()\n },\n { defer: true }\n )\n )\n onCleanup(() => {\n active = false\n generation += 1\n cancelFocus()\n props.controlRef?.(undefined)\n })\n const action = (): 'send' \| BusySendMode => props.busy?.mode ?? 'send'\n const canSend = (selected: 'send' \| BusySendMode = action()) =>\n !unavailable() &&\n !pending() &&\n (props.sendableActions?.[selected] ?? props.value.trim().length > 0) &&\n !(selected !== 'send' && props.busy?.unavailable?.[selected])\n const submit = async (selected: 'send' \| BusySendMode = action()) => {\n if (!canSend(selected)) return\n const started = generation\n const base: ChatComposerSubmitInput = { text: props.value, action: selected }\n const input = { ...base, ...props.createSubmitExtra(base) }\n setPending(true)\n setError(null)\n try {\n await props.onSubmit(input)\n } catch {\n if (active && started === generation)\n setError('Message not sent. Check your draft and retry when the connection recovers.')\n } finally {\n if (active && started === generation) setPending(false)\n }\n }\n const preview = () => {\n const first =\n props.value\n .split('\\n')\n .find((line) => line.trim().length > 0)\n ?.trim() ?? ''\n return first.length > 120 ? `${first.slice(0, 120)}…` : first\n }\n const handleInputKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && error()) {\n setError(null)\n return\n }\n if (event.key !== 'Enter' \|\| event.shiftKey \|\| event.defaultPrevented) return\n if (ime.claimEnter(event)) {\n const selected =\n props.busy && (event.metaKey \|\| event.ctrlKey)\n ? props.busy.mode === 'steer'\n ? 'queue'\n : 'steer'\n : action()\n void submit(selected)\n }\n }\n const handleCompositionStart = () => {\n composing = true\n ime.onCompositionStart()\n }\n const handleCompositionEnd = () => {\n composing = false\n ime.onCompositionEnd()\n }\n const handleBlur = () => {\n composing = false\n ime.onBlur()\n }\n return (\n <div data-slot=\"chat-composer\" class=\"mx-auto flex w-full max-w-4xl flex-col px-4 pb-1\">\n <Show when={!props.approvalFocus}>\n <Show when={props.knowledge}>\n <div data-slot=\"composer-knowledge\">{props.knowledge}</div>\n </Show>\n <Show when={props.followUps}>\n <div data-slot=\"composer-follow-ups\">{props.followUps}</div>\n </Show>\n </Show>\n <Show when={props.band}>\n <div data-slot=\"composer-band\">{props.band}</div>\n </Show>\n <div aria-hidden=\"true\" class=\"h-1.5 shrink-0\" />\n <Show when={props.approval}>\n <div data-slot=\"composer-approval\">{props.approval}</div>\n </Show>\n <Show when={props.notices}>\n <div data-slot=\"composer-notices\">{props.notices}</div>\n </Show>\n <Show when={props.blockedReason}>\n <p role=\"status\" class=\"text-muted-foreground mb-1 text-xs\">\n {props.blockedReason}\n </p>\n </Show>\n <Show when={error()}>\n {(message) => (\n <p role=\"alert\" class=\"text-foreground mb-1 border-s-2 border-destructive ps-2 text-xs\">\n {message()}\n </p>\n )}\n </Show>\n <Show when={!props.approvalFocus}>\n <Show\n when={!collapsed()}\n fallback={\n <Button\n ref={(element) => {\n restoreBar = element\n onCleanup(() => {\n if (restoreBar === element) restoreBar = undefined\n })\n }}\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\n class=\"w-full justify-start\"\n aria-expanded={false}\n aria-label=\"Show the message input\"\n onClick={() => changeCollapsed(false)}\n >\n <ChevronsUpDown />\n <span aria-hidden=\"true\" class=\"shrink-0\">\n Show the message input\n </span>\n <Show when={preview()}>\n <span aria-hidden=\"true\" class=\"min-w-0 flex-1 truncate\">\n {preview()}\n </span>\n </Show>\n </Button>\n }\n >\n <form\n data-slot=\"composer-input-box\"\n class=\"border-input bg-card flex flex-col overflow-hidden rounded-2xl border transition-colors focus-within:border-ring\"\n onSubmit={(event) => {\n event.preventDefault()\n void submit()\n }}\n >\n <Show when={props.attachments}>\n <div data-slot=\"composer-staged-content\">{props.attachments}</div>\n </Show>\n {props.renderInput({\n ref: (element) => {\n field = element\n if (element)\n onCleanup(() => {\n if (field === element) field = undefined\n })\n },\n value: () => props.value,\n resetKey: () => props.resetKey,\n inputLabel: () => props.inputLabel ?? 'Message',\n placeholder: () => props.placeholder ?? 'Write a message…',\n disabled: () => props.disabled,\n readOnly: () => props.readOnly \|\| pending(),\n composing: () => composing,\n onCompositionStart: handleCompositionStart,\n onCompositionEnd: handleCompositionEnd,\n onFocus: ime.onFocus,\n onBlur: handleBlur,\n onKeyDown: handleInputKeyDown,\n })}\n <div\n data-slot=\"composer-action-row\"\n class=\"flex items-center justify-between gap-2 px-2.5 pb-2 pt-0.5\"\n >\n <div class=\"flex min-w-0 items-center gap-1\">\n <Show when={props.collapse \|\| props.menuItems}>\n <DropdownMenu placement=\"top-start\">\n <DropdownMenuTrigger\n as={Button}\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-sm\"\n aria-label=\"Message input options\"\n >\n <MoreHorizontal />\n </DropdownMenuTrigger>\n <DropdownMenuContent\n onCloseAutoFocus={(event) => {\n if (focusTarget) event.preventDefault()\n }}\n >\n {props.menuItems}\n <Show when={props.collapse}>\n <DropdownMenuItem onSelect={() => changeCollapsed(true)}>\n <ChevronsDownUp />\n <div class=\"flex min-w-0 flex-col\">\n <span>Collapse the message input</span>\n <span class=\"text-muted-foreground text-xs\">\n Make room to read; keep your draft\n </span>\n </div>\n </DropdownMenuItem>\n </Show>\n </DropdownMenuContent>\n </DropdownMenu>\n </Show>\n {props.leadingActions}\n </div>\n <div class=\"flex shrink-0 items-center gap-1\">\n {props.trailingActions}\n <Show\n when={props.busy}\n fallback={\n <Button\n type=\"submit\"\n size=\"icon-sm\"\n disabled={!canSend()}\n aria-label={pending() ? 'Sending message' : 'Send message'}\n >\n <Show when={pending()} fallback={<ArrowUp />}>\n <Spinner size=\"sm\" label={false} />\n </Show>\n </Button>\n }\n >\n {(busy) => (\n <BusySendButton\n {...busy()}\n alternateActionHint={\n canSend(busy().mode === 'steer' ? 'queue' : 'steer')\n ? 'Ctrl/Cmd+Enter uses the other action'\n : undefined\n }\n disabled={!canSend()}\n onFire={() => {\n void submit()\n }}\n />\n )}\n </Show>\n </div>\n </div>\n </form>\n <Show when={props.context}>\n <div data-slot=\"composer-context\" class=\"flex min-w-0 items-center gap-2 pt-1\">\n {props.context}\n </div>\n </Show>\n </Show>\n </Show>\n </div>\n )\n}\n"],"mappings":"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"}

package/dist/components/conversation/message-composer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message-composer.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message-composer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAM5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5E,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sDAAsD;IACtD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,iEAAiE;IACjE,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,0DAA0D;IAC1D,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;CACnD,CAAA;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,~~eA2I1D~~;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,eAiB1E;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,eAetD"}
1	+ {"version":3,"file":"message-composer.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message-composer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAM5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5E,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sDAAsD;IACtD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,iEAAiE;IACjE,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,0DAA0D;IAC1D,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;CACnD,CAAA;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA6I1D;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,eAiB1E;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,eAetD"}

package/dist/components/conversation/message-composer.js CHANGED Viewed

@@ -12,7 +12,7 @@ var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 var _tmpl$2 = /*#__PURE__*/ template(`<p class="text-muted-foreground flex items-center gap-1.5 text-2xs"> to send<span aria-hidden=true>·</span> <!> for a new line`);
 var _tmpl$3 = /*#__PURE__*/ template(`<form data-slot=message-composer><div><div class="flex items-center gap-1"><div class="ms-auto flex items-center gap-1"></div></div></div><div aria-live=polite class=min-h-0>`);
 var _tmpl$4 = /*#__PURE__*/ template(`<div class="bg-muted text-muted-foreground flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs"><span class="min-w-0 flex-1 truncate">Replying to `);
-var _tmpl$5 = /*#__PURE__*/ template(`<p class="text-destructive text-xs">`);
+var _tmpl$5 = /*#__PURE__*/ template(`<p class="text-foreground border-s-2 border-destructive ps-2 text-xs">`);
 var _tmpl$6 = /*#__PURE__*/ template(`<p>`);
 function MessageComposer(props) {
 	const [local, rest] = splitProps(props, [

package/dist/components/conversation/message-composer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message-composer.js","names":["CornerDownLeft","Paperclip","Send","X","ComponentProps","JSX","Show","createSignal","splitProps","cn","Button","Kbd","Spinner","Textarea","createComposerImeGuard","MessageComposerProps","Omit","value","onValueChange","onSubmit","Promise","placeholder","disabled","submitLabel","showHint","leading","Element","trailing","menu","replyTo","label","onDismiss","MessageComposer","props","local","rest","sending","setSending","error","setError","ime","canSend","trim","length","send","onKeyDown","EventHandlerUnion","HTMLTextAreaElement","KeyboardEvent","event","defaultPrevented","key","shiftKey","metaKey","ctrlKey","claimEnter","_el$","_tmpl$3","_el$3","firstChild","_el$4","_el$5","_el$10","nextSibling","addEventListener","preventDefault","_$spread","_$mergeProps","class","_$insert","_$createComponent","when","children","_el$2","_tmpl$","reply","_el$11","_tmpl$4","_el$12","_el$13","type","variant","size","onClick","onCompositionStart","onCompositionEnd","onFocus","onBlur","onInput","currentTarget","rows","aria-label","_$memo","fallback","_el$6","_tmpl$2","_el$7","_el$8","_el$9","_el$1","_el$0","message","_el$14","_tmpl$5","_$effect","_$className","ComposerAttachmentButton","count","open","aria-expanded","ComposerHint","_el$15","_tmpl$6","_$mergeProps","_$createComponent","_$memo","_$className"],"sources":["../../../src/components/conversation/message-composer.tsx"],"sourcesContent":["import { CornerDownLeft, Paperclip, Send, X } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { Show, createSignal, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Button } from '../ui/button/button'\nimport { Kbd } from '../ui/kbd/kbd'\nimport { Spinner } from '../ui/spinner/spinner'\nimport { Textarea } from '../ui/textarea/textarea'\nimport { createComposerImeGuard } from './ime-guard'\n\n/*\n MessageComposer.\n \n The field a message is written in. It is a form, and it behaves like one: Enter\n * sends, Shift+Enter breaks the line, Escape clears the error.\n \n ## What it does not know\n \n No mention model, no attachment model, no dictation, no idempotency keys. The\n * first version of this composer was written against adea's agent and artifact\n * types, which meant it could only ever be used by adea. Here the attachment control\n * is a slot, the mention menu is a slot, and a caller that has an agent model\n * renders one; a caller that does not gets a composer without it.\n \n ## The three things it does own\n \n Enter sends, Shift+Enter breaks the line. That is the convention every chat\n * application shares, and getting it wrong is the single most irritating thing a\n * composer can do. `⌘`/`Ctrl`+Enter is accepted too, because someone arriving from an\n * editor will try it.\n \n The send button is disabled when there is nothing to send. A control that\n * accepts a press and does nothing is worse than one that says it cannot.\n \n The status region is `aria-live`. \"Sending…\" and a failure both land there, so\n * a screen reader hears the outcome without the composer stealing focus.\n \n Enter ownership follows KiroCrew's pinned IME latch: candidate commits keep\n * their native default action, and the post-composition Enter cannot send or\n * insert an accidental newline. Composition abandoned by focus/blur recovers;\n * the Solid owner's cleanup settles its timer. See ime-guard.ts for provenance.\n /\nexport type MessageComposerProps = Omit<ComponentProps<'form'>, 'onSubmit'> & {\n /* The draft. Controlled: the caller owns the text, because it usually persists. /\n value: string\n onValueChange: (value: string) => void\n /* Called on send. A rejection is surfaced as an error and the draft is kept. /\n onSubmit: () => void \| Promise<void>\n placeholder?: string\n /* Disable the whole composer, e.g. while the channel is read-only. /\n disabled?: boolean\n /* Label the send action for a context other than a message, e.g. a reply. /\n submitLabel?: string\n /* Show the keyboard hint under the field. /\n showHint?: boolean\n /* A leading control group, e.g. an attach button. /\n leading?: JSX.Element\n /* A trailing group before the send button, e.g. a dictation toggle. /\n trailing?: JSX.Element\n /* A menu rendered above the field, e.g. mention suggestions. /\n menu?: JSX.Element\n /* The reply target, drawn as a strip above the field. /\n replyTo?: { label: string; onDismiss: () => void }\n}\n\nexport function MessageComposer(props: MessageComposerProps) {\n const [local, rest] = splitProps(props, [\n 'class',\n 'value',\n 'onValueChange',\n 'onSubmit',\n 'placeholder',\n 'disabled',\n 'submitLabel',\n 'showHint',\n 'leading',\n 'trailing',\n 'menu',\n 'replyTo',\n ])\n\n const [sending, setSending] = createSignal(false)\n const [error, setError] = createSignal<string \| null>(null)\n const ime = createComposerImeGuard()\n\n const canSend = () => local.value.trim().length > 0 && !local.disabled && !sending()\n\n const send = async () => {\n if (!canSend()) return\n setSending(true)\n setError(null)\n try {\n await local.onSubmit()\n } catch {\n // The draft is deliberately left in place. A send that fails and clears the\n // field loses the user's work, which is the worst outcome available here.\n setError('Message not sent. Your draft is still here; retry when the connection recovers.')\n } finally {\n setSending(false)\n }\n }\n\n const onKeyDown: JSX.EventHandlerUnion<HTMLTextAreaElement, KeyboardEvent> = (event) => {\n if (event.defaultPrevented) return\n if (event.key === 'Escape' && error()) {\n setError(null)\n return\n }\n if (event.key !== 'Enter') return\n // Shift breaks the line; a bare Enter, or a modified one, sends.\n if (event.shiftKey && !event.metaKey && !event.ctrlKey) return\n if (!ime.claimEnter(event)) return\n void send()\n }\n\n return (\n <form\n data-slot=\"message-composer\"\n class={cn('flex flex-col gap-2', local.class)}\n onSubmit={(event) => {\n event.preventDefault()\n void send()\n }}\n {...rest}\n >\n <Show when={local.menu}>\n <div>{local.menu}</div>\n </Show>\n\n <Show when={local.replyTo}>\n {(reply) => (\n <div class=\"bg-muted text-muted-foreground flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs\">\n <span class=\"min-w-0 flex-1 truncate\">Replying to {reply().label}</span>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-2xs\"\n aria-label=\"Cancel reply\"\n onClick={() => reply().onDismiss()}\n >\n <X />\n </Button>\n </div>\n )}\n </Show>\n\n <div\n class={cn(\n 'border-input bg-card flex flex-col gap-1 rounded-lg border p-2',\n 'transition-[color,box-shadow,border-color] ease-out',\n 'focus-within:border-ring focus-within:ring-3 focus-within:ring-primary-subtle',\n local.disabled && 'opacity-50'\n )}\n >\n <Textarea\n onCompositionStart={ime.onCompositionStart}\n onCompositionEnd={ime.onCompositionEnd}\n onFocus={ime.onFocus}\n onBlur={ime.onBlur}\n value={local.value}\n onInput={(event) => local.onValueChange(event.currentTarget.value)}\n onKeyDown={onKeyDown}\n placeholder={local.placeholder ?? 'Write a message…'}\n disabled={local.disabled}\n rows={1}\n aria-label={local.submitLabel ? `${local.submitLabel} message` : 'Message'}\n class=\"min-h-9 resize-none border-0 bg-transparent p-0 text-sm shadow-none focus-visible:ring-0\"\n />\n\n <div class=\"flex items-center gap-1\">\n <Show when={local.leading}>{local.leading}</Show>\n <div class=\"ms-auto flex items-center gap-1\">\n <Show when={local.trailing}>{local.trailing}</Show>\n <Button\n type=\"submit\"\n size=\"icon-sm\"\n disabled={!canSend()}\n aria-label={sending() ? 'Sending message' : 'Send message'}\n >\n <Show when={sending()} fallback={<Send />}>\n <Spinner size=\"sm\" label={false} class=\"text-primary-foreground\" />\n </Show>\n </Button>\n </div>\n </div>\n </div>\n\n <Show when={local.showHint}>\n <p class=\"text-muted-foreground flex items-center gap-1.5 text-2xs\">\n <Kbd>Enter</Kbd> to send\n <span aria-hidden=\"true\">·</span>\n <Kbd>Shift</Kbd> <Kbd>Enter</Kbd> for a new line\n </p>\n </Show>\n\n {/ A live region, so the outcome is announced without moving focus out of the\n field the user is typing in. /}\n <div aria-live=\"polite\" class=\"min-h-0\">\n <Show when={error()}>\n {(message) => <p class=\"text-destructive text-xs\">{message()}</p>}\n </Show>\n </div>\n </form>\n )\n}\n\n/\n The attachment control.\n \n A slot rather than a built-in, because what can be attached is the application's\n * business — but the button is shared, so it looks and behaves the same in both.\n * The count is announced, since a paperclip alone does not say whether anything is\n * attached.\n /\nexport function ComposerAttachmentButton(\n props: ComponentProps<typeof Button> & { count?: number; open?: boolean }\n) {\n const [local, rest] = splitProps(props, ['count', 'open', 'children'])\n\n return (\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-sm\"\n aria-label={local.count ? `${local.count} attached, add an attachment` : 'Add an attachment'}\n aria-expanded={local.open}\n class=\"text-muted-foreground\"\n {...rest}\n >\n {local.children ?? <Paperclip />}\n </Button>\n )\n}\n\n/* The hint a composer shows when the field is empty, as a one-line prompt. */\nexport function ComposerHint(props: ComponentProps<'p'>) {\n const [local, rest] = splitProps(props, ['class', 'children'])\n return (\n <p\n class={cn('text-muted-foreground flex items-center gap-1.5 text-2xs', local.class)}\n {...rest}\n >\n {local.children ?? (\n <>\n <CornerDownLeft aria-hidden=\"true\" class=\"size-3\" />\n <Kbd>Enter</Kbd> to send\n </>\n )}\n </p>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"message-composer.js","names":["CornerDownLeft","Paperclip","Send","X","ComponentProps","JSX","Show","createSignal","splitProps","cn","Button","Kbd","Spinner","Textarea","createComposerImeGuard","MessageComposerProps","Omit","value","onValueChange","onSubmit","Promise","placeholder","disabled","submitLabel","showHint","leading","Element","trailing","menu","replyTo","label","onDismiss","MessageComposer","props","local","rest","sending","setSending","error","setError","ime","canSend","trim","length","send","onKeyDown","EventHandlerUnion","HTMLTextAreaElement","KeyboardEvent","event","defaultPrevented","key","shiftKey","metaKey","ctrlKey","claimEnter","_el$","_tmpl$3","_el$3","firstChild","_el$4","_el$5","_el$10","nextSibling","addEventListener","preventDefault","_$spread","_$mergeProps","class","_$insert","_$createComponent","when","children","_el$2","_tmpl$","reply","_el$11","_tmpl$4","_el$12","_el$13","type","variant","size","onClick","onCompositionStart","onCompositionEnd","onFocus","onBlur","onInput","currentTarget","rows","aria-label","_$memo","fallback","_el$6","_tmpl$2","_el$7","_el$8","_el$9","_el$1","_el$0","message","_el$14","_tmpl$5","_$effect","_$className","ComposerAttachmentButton","count","open","aria-expanded","ComposerHint","_el$15","_tmpl$6","_$mergeProps","_$createComponent","_$memo","_$className"],"sources":["../../../src/components/conversation/message-composer.tsx"],"sourcesContent":["import { CornerDownLeft, Paperclip, Send, X } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { Show, createSignal, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Button } from '../ui/button/button'\nimport { Kbd } from '../ui/kbd/kbd'\nimport { Spinner } from '../ui/spinner/spinner'\nimport { Textarea } from '../ui/textarea/textarea'\nimport { createComposerImeGuard } from './ime-guard'\n\n/*\n MessageComposer.\n \n The field a message is written in. It is a form, and it behaves like one: Enter\n * sends, Shift+Enter breaks the line, Escape clears the error.\n \n ## What it does not know\n \n No mention model, no attachment model, no dictation, no idempotency keys. The\n * first version of this composer was written against adea's agent and artifact\n * types, which meant it could only ever be used by adea. Here the attachment control\n * is a slot, the mention menu is a slot, and a caller that has an agent model\n * renders one; a caller that does not gets a composer without it.\n \n ## The three things it does own\n \n Enter sends, Shift+Enter breaks the line. That is the convention every chat\n * application shares, and getting it wrong is the single most irritating thing a\n * composer can do. `⌘`/`Ctrl`+Enter is accepted too, because someone arriving from an\n * editor will try it.\n \n The send button is disabled when there is nothing to send. A control that\n * accepts a press and does nothing is worse than one that says it cannot.\n \n The status region is `aria-live`. \"Sending…\" and a failure both land there, so\n * a screen reader hears the outcome without the composer stealing focus.\n \n Enter ownership follows KiroCrew's pinned IME latch: candidate commits keep\n * their native default action, and the post-composition Enter cannot send or\n * insert an accidental newline. Composition abandoned by focus/blur recovers;\n * the Solid owner's cleanup settles its timer. See ime-guard.ts for provenance.\n /\nexport type MessageComposerProps = Omit<ComponentProps<'form'>, 'onSubmit'> & {\n /* The draft. Controlled: the caller owns the text, because it usually persists. /\n value: string\n onValueChange: (value: string) => void\n /* Called on send. A rejection is surfaced as an error and the draft is kept. /\n onSubmit: () => void \| Promise<void>\n placeholder?: string\n /* Disable the whole composer, e.g. while the channel is read-only. /\n disabled?: boolean\n /* Label the send action for a context other than a message, e.g. a reply. /\n submitLabel?: string\n /* Show the keyboard hint under the field. /\n showHint?: boolean\n /* A leading control group, e.g. an attach button. /\n leading?: JSX.Element\n /* A trailing group before the send button, e.g. a dictation toggle. /\n trailing?: JSX.Element\n /* A menu rendered above the field, e.g. mention suggestions. /\n menu?: JSX.Element\n /* The reply target, drawn as a strip above the field. /\n replyTo?: { label: string; onDismiss: () => void }\n}\n\nexport function MessageComposer(props: MessageComposerProps) {\n const [local, rest] = splitProps(props, [\n 'class',\n 'value',\n 'onValueChange',\n 'onSubmit',\n 'placeholder',\n 'disabled',\n 'submitLabel',\n 'showHint',\n 'leading',\n 'trailing',\n 'menu',\n 'replyTo',\n ])\n\n const [sending, setSending] = createSignal(false)\n const [error, setError] = createSignal<string \| null>(null)\n const ime = createComposerImeGuard()\n\n const canSend = () => local.value.trim().length > 0 && !local.disabled && !sending()\n\n const send = async () => {\n if (!canSend()) return\n setSending(true)\n setError(null)\n try {\n await local.onSubmit()\n } catch {\n // The draft is deliberately left in place. A send that fails and clears the\n // field loses the user's work, which is the worst outcome available here.\n setError('Message not sent. Your draft is still here; retry when the connection recovers.')\n } finally {\n setSending(false)\n }\n }\n\n const onKeyDown: JSX.EventHandlerUnion<HTMLTextAreaElement, KeyboardEvent> = (event) => {\n if (event.defaultPrevented) return\n if (event.key === 'Escape' && error()) {\n setError(null)\n return\n }\n if (event.key !== 'Enter') return\n // Shift breaks the line; a bare Enter, or a modified one, sends.\n if (event.shiftKey && !event.metaKey && !event.ctrlKey) return\n if (!ime.claimEnter(event)) return\n void send()\n }\n\n return (\n <form\n data-slot=\"message-composer\"\n class={cn('flex flex-col gap-2', local.class)}\n onSubmit={(event) => {\n event.preventDefault()\n void send()\n }}\n {...rest}\n >\n <Show when={local.menu}>\n <div>{local.menu}</div>\n </Show>\n\n <Show when={local.replyTo}>\n {(reply) => (\n <div class=\"bg-muted text-muted-foreground flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs\">\n <span class=\"min-w-0 flex-1 truncate\">Replying to {reply().label}</span>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-2xs\"\n aria-label=\"Cancel reply\"\n onClick={() => reply().onDismiss()}\n >\n <X />\n </Button>\n </div>\n )}\n </Show>\n\n <div\n class={cn(\n 'border-input bg-card flex flex-col gap-1 rounded-lg border p-2',\n 'transition-[color,box-shadow,border-color] ease-out',\n 'focus-within:border-ring focus-within:ring-3 focus-within:ring-primary-subtle',\n local.disabled && 'opacity-50'\n )}\n >\n <Textarea\n onCompositionStart={ime.onCompositionStart}\n onCompositionEnd={ime.onCompositionEnd}\n onFocus={ime.onFocus}\n onBlur={ime.onBlur}\n value={local.value}\n onInput={(event) => local.onValueChange(event.currentTarget.value)}\n onKeyDown={onKeyDown}\n placeholder={local.placeholder ?? 'Write a message…'}\n disabled={local.disabled}\n rows={1}\n aria-label={local.submitLabel ? `${local.submitLabel} message` : 'Message'}\n class=\"min-h-9 resize-none border-0 bg-transparent p-0 text-sm shadow-none focus-visible:ring-0\"\n />\n\n <div class=\"flex items-center gap-1\">\n <Show when={local.leading}>{local.leading}</Show>\n <div class=\"ms-auto flex items-center gap-1\">\n <Show when={local.trailing}>{local.trailing}</Show>\n <Button\n type=\"submit\"\n size=\"icon-sm\"\n disabled={!canSend()}\n aria-label={sending() ? 'Sending message' : 'Send message'}\n >\n <Show when={sending()} fallback={<Send />}>\n <Spinner size=\"sm\" label={false} class=\"text-primary-foreground\" />\n </Show>\n </Button>\n </div>\n </div>\n </div>\n\n <Show when={local.showHint}>\n <p class=\"text-muted-foreground flex items-center gap-1.5 text-2xs\">\n <Kbd>Enter</Kbd> to send\n <span aria-hidden=\"true\">·</span>\n <Kbd>Shift</Kbd> <Kbd>Enter</Kbd> for a new line\n </p>\n </Show>\n\n {/ A live region, so the outcome is announced without moving focus out of the\n field the user is typing in. /}\n <div aria-live=\"polite\" class=\"min-h-0\">\n <Show when={error()}>\n {(message) => (\n <p class=\"text-foreground border-s-2 border-destructive ps-2 text-xs\">{message()}</p>\n )}\n </Show>\n </div>\n </form>\n )\n}\n\n/\n The attachment control.\n \n A slot rather than a built-in, because what can be attached is the application's\n * business — but the button is shared, so it looks and behaves the same in both.\n * The count is announced, since a paperclip alone does not say whether anything is\n * attached.\n /\nexport function ComposerAttachmentButton(\n props: ComponentProps<typeof Button> & { count?: number; open?: boolean }\n) {\n const [local, rest] = splitProps(props, ['count', 'open', 'children'])\n\n return (\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-sm\"\n aria-label={local.count ? `${local.count} attached, add an attachment` : 'Add an attachment'}\n aria-expanded={local.open}\n class=\"text-muted-foreground\"\n {...rest}\n >\n {local.children ?? <Paperclip />}\n </Button>\n )\n}\n\n/* The hint a composer shows when the field is empty, as a one-line prompt. */\nexport function ComposerHint(props: ComponentProps<'p'>) {\n const [local, rest] = splitProps(props, ['class', 'children'])\n return (\n <p\n class={cn('text-muted-foreground flex items-center gap-1.5 text-2xs', local.class)}\n {...rest}\n >\n {local.children ?? (\n <>\n <CornerDownLeft aria-hidden=\"true\" class=\"size-3\" />\n <Kbd>Enter</Kbd> to send\n </>\n )}\n </p>\n )\n}\n"],"mappings":"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"}

package/dist/components/ui/alert/alert.d.ts CHANGED Viewed

@@ -9,7 +9,9 @@ import { type VariantProps } from '#lib/variants';
  *
  * The glyph follows the tone rather than being passed in, so an alert cannot
  * be given a green checkmark on a destructive fill. A caller that genuinely
- * needs a different icon passes `icon`; `icon={null}` removes it.
+ * needs a different icon passes `icon`; `icon={null}` removes it. Text stays on
+ * the body foreground over the tinted status surface, while the glyph and edge
+ * carry the status hue.
  */
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;

package/dist/components/ui/alert/alert.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/alert/alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGtD~~;;;;;;;;;;GAUG~~;AACH,QAAA,MAAM,aAAa;;8EAclB,CAAA;~~AAUD~~,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3D,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,GAC5C,iBAAiB,GAAG;IAClB,yEAAyE;IACzE,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;CAC1B,CAAA;AAEH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,~~eAoBtC~~;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAStD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAS5D;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
1	+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/alert/alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGtD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,aAAa;;8EAclB,CAAA;AAkBD,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3D,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,GAC5C,iBAAiB,GAAG;IAClB,yEAAyE;IACzE,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;CAC1B,CAAA;AAEH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,eAuBtC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAStD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAS5D;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/alert/alert.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { cn } from "../../../lib/utils.js";
 import { cva } from "../../../lib/variants.js";
-import { Dynamic, createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { Dynamic, className, createComponent, effect, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import { AlertCircle, CheckCircle2, Info, TriangleAlert } from "lucide-solid";
 import { splitProps } from "solid-js";
 //#region src/components/ui/alert/alert.tsx
 var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=alert role=alert>`);
-var _tmpl$2 = /*#__PURE__*/ template(`<span data-slot=alert-icon class="row-span-2 pt-0.5 [&amp;_svg]:size-4">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span data-slot=alert-icon>`);
 var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=alert-title>`);
 var _tmpl$4 = /*#__PURE__*/ template(`<div data-slot=alert-description>`);
 /**
@@ -17,15 +17,17 @@ var _tmpl$4 = /*#__PURE__*/ template(`<div data-slot=alert-description>`);
 *
 * The glyph follows the tone rather than being passed in, so an alert cannot
 * be given a green checkmark on a destructive fill. A caller that genuinely
-* needs a different icon passes `icon`; `icon={null}` removes it.
+* needs a different icon passes `icon`; `icon={null}` removes it. Text stays on
+* the body foreground over the tinted status surface, while the glyph and edge
+* carry the status hue.
 */
 var alertVariants = cva("relative grid w-full grid-cols-[auto_1fr] items-start gap-x-3 gap-y-1 rounded-lg border px-3 py-2.5 text-sm", {
 	variants: { variant: {
 		default: "bg-card text-card-foreground border-border",
-		destructive: "bg-destructive-subtle text-destructive border-destructive/30",
-		success: "bg-success-subtle text-success border-success/30",
-		warning: "bg-warning-subtle text-warning border-warning/30",
-		info: "bg-info-subtle text-info border-info/30"
+		destructive: "bg-destructive-subtle text-foreground border-destructive/30",
+		success: "bg-success-subtle text-foreground border-success/30",
+		warning: "bg-warning-subtle text-foreground border-warning/30",
+		info: "bg-info-subtle text-foreground border-info/30"
 	} },
 	defaultVariants: { variant: "default" }
 });
@@ -36,6 +38,13 @@ var alertIcons = {
 	warning: TriangleAlert,
 	info: Info
 };
+var alertIconTones = {
+	default: "text-muted-foreground",
+	destructive: "text-destructive",
+	success: "text-success",
+	warning: "text-warning",
+	info: "text-info"
+};
 function Alert(props) {
 	const [local, rest] = splitProps(props, [
 		"class",
@@ -56,6 +65,7 @@ function Alert(props) {
 				insert(_el$2, () => local.icon ?? createComponent(Dynamic, { get component() {
 					return alertIcons[tone()];
 				} }));
+				effect(() => className(_el$2, cn("row-span-2 pt-0.5 [&_svg]:size-4", alertIconTones[tone()])));
 				return _el$2;
 			})();
 		})(), null);
@@ -78,7 +88,7 @@ function AlertDescription(props) {
 	return (() => {
 		var _el$4 = _tmpl$4();
 		spread(_el$4, mergeProps({ get ["class"]() {
-			return cn("col-start-2 text-sm opacity-90 [&_p]:leading-relaxed", local.class);
+			return cn("col-start-2 text-sm [&_p]:leading-relaxed", local.class);
 		} }, rest), false, false);
 		return _el$4;
 	})();

package/dist/components/ui/alert/alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alert.js","names":["AlertCircle","CheckCircle2","Info","TriangleAlert","ComponentProps","JSX","splitProps","Dynamic","cva","VariantProps","cn","alertVariants","variants","variant","default","destructive","success","warning","info","defaultVariants","alertIcons","const","AlertVariantProps","AlertProps","icon","Element","Alert","props","local","rest","tone","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","_c$","_$memo","_el$2","_tmpl$2","_$createComponent","component","children","AlertTitle","_el$3","_tmpl$3","AlertDescription","_el$4","_tmpl$4","_$mergeProps","_$memo","_$createComponent"],"sources":["../../../../src/components/ui/alert/alert.tsx"],"sourcesContent":["import { AlertCircle, CheckCircle2, Info, TriangleAlert } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { Dynamic } from 'solid-js/web'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/*\n Alert.\n \n A message about the whole surface it sits in — a form's validation summary,\n * a failed sync banner, a permission notice. It is deliberately not a dialog:\n * an alert that must be dismissed before the user can continue is a Dialog.\n \n The glyph follows the tone rather than being passed in, so an alert cannot\n * be given a green checkmark on a destructive fill. A caller that genuinely\n * needs a different icon passes `icon`; `icon={null}` removes it.\n /\nconst alertVariants = cva(\n 'relative grid w-full grid-cols-[auto_1fr] items-start gap-x-3 gap-y-1 rounded-lg border px-3 py-2.5 text-sm',\n {\n variants: {\n variant: {\n default: 'bg-card text-card-foreground border-border',\n destructive: 'bg-destructive-subtle text-~~destructive~~ border-destructive/30',\n success: 'bg-success-subtle text-~~success~~ border-success/30',\n warning: 'bg-warning-subtle text-~~warning~~ border-warning/30',\n info: 'bg-info-subtle text-~~info~~ border-info/30',\n },\n },\n defaultVariants: { variant: 'default' },\n }\n)\n\nconst alertIcons = {\n default: Info,\n destructive: AlertCircle,\n success: CheckCircle2,\n warning: TriangleAlert,\n info: Info,\n} as const\n\ntype AlertVariantProps = VariantProps<typeof alertVariants>\n\nexport type AlertProps = ComponentProps<'div'> &\n AlertVariantProps & {\n /* Replace the tone's glyph with your own element. `null` removes it. */\n icon?: JSX.Element \| null\n }\n\nexport function Alert(props: AlertProps) {\n const [local, rest] = splitProps(props, ['class', 'variant', 'icon', 'children'])\n\n const tone = () => local.variant ?? 'default'\n\n return (\n <div\n data-slot=\"alert\"\n role=\"alert\"\n class={cn(alertVariants({ variant: local.variant }), local.class)}\n {...rest}\n >\n {local.icon === null ? null : (\n <span data-slot=\"alert-icon\" class~~=\"~~row-span-2 pt-0.5 [&_svg]:size-4\">\n {local.icon ?? <Dynamic component={alertIcons[tone()]} />}\n </span>\n )}\n {local.children}\n </div>\n )\n}\n\nexport function AlertTitle(props: ComponentProps<'div'>) {\n const [local, rest] = splitProps(props, ['class'])\n return (\n <div\n data-slot=\"alert-title\"\n class={cn('col-start-2 font-medium tracking-tight', local.class)}\n {...rest}\n />\n )\n}\n\nexport function AlertDescription(props: ComponentProps<'div'>) {\n const [local, rest] = splitProps(props, ['class'])\n return (\n <div\n data-slot=\"alert-description\"\n class={cn('col-start-2 text-sm ~~opacity-90~~ [&_p]:leading-relaxed', local.class)}\n {...rest}\n />\n )\n}\n\nexport { alertVariants }\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;AAkBA~~,IAAMW,gBAAgBH,IACpB,+GACA;CACEI,UAAU,EACRC,SAAS;EACPC,SAAS;EACTC,aAAa;EACbC,SAAS;EACTC,SAAS;EACTC,MAAM;CACR,EACF;CACAC,iBAAiB,EAAEN,SAAS,UAAU;AACxC,CACF;AAEA,IAAMO,aAAa;CACjBN,SAASZ;CACTa,aAAaf;CACbgB,SAASf;CACTgB,SAASd;CACTe,MAAMhB;AACR;AAUA,~~SAAgBwB~~,MAAMC,OAAmB;CACvC,MAAM,CAACC,OAAOC,~~QAAQvB~~,~~WAAWqB~~,OAAO;EAAC;EAAS;EAAW;EAAQ;CAAU,CAAC;CAEhF,MAAMG,aAAaF,~~MAAMf~~,WAAW;CAEpC,cAAA;EAAA,~~IAAAkB~~,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;GAAA,~~OAIWxB~~,GAAGC,cAAc,EAAEE,~~SAASe~~,~~MAAMf~~,QAAQ,CAAC,~~GAAGe~~,MAAMO,KAAK;EAAC,EAAA,GAC7DN,IAAI,GAAA,OAAA,IAAA;EAAAO,OAAAL,aAAA;GAAA,IAAAM,MAAAC,WAEPV,MAAMJ,SAAS,IAAI;GAAA,aAAnBa,IAAA,IAAsB,cAAI;IAAA,IAAAE,QAAAC,QAAA;IAAAJ,OAAAG,~~aAEtBX~~,MAAMJ,QAAIiB,~~gBAAKlC~~,SAAO,EAAA,~~IAACmC~~,YAAS;KAAA,~~OAAEtB~~,~~WAAWU~~,KAAK;IAAE,EAAA,CAAA,CAAI;IAAA,OAAAS;GAAA,EAAA,CAAA;~~EAE5D~~,EAAA,CAAA,GAAA,IAAA;EAAAH,OAAAL,YACAH,~~MAAMe~~,UAAQ,IAAA;EAAA,~~OAAAZ~~;CAAA,EAAA,CAAA;AAGrB;AAEA,~~SAAgBa~~,~~WAAWjB~~,OAA8B;CACvD,MAAM,CAACC,OAAOC,~~QAAQvB~~,~~WAAWqB~~,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,~~IAAAkB~~,QAAAC,QAAA;~~EAAAb~~,~~OAAAY~~,~~OAAAX~~,WAAA,EAAA,KAAA,WAAA;GAAA,~~OAGWxB~~,GAAG,~~0CAA0CkB~~,MAAMO,KAAK;EAAC,EAAA,GAC5DN,IAAI,GAAA,OAAA,KAAA;EAAA,~~OAAAgB~~;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,~~iBAAiBpB~~,OAA8B;CAC7D,MAAM,CAACC,OAAOC,~~QAAQvB~~,~~WAAWqB~~,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,~~IAAAqB~~,QAAAC,QAAA;~~EAAAhB~~,~~OAAAe~~,~~OAAAd~~,WAAA,EAAA,KAAA,WAAA;GAAA,~~OAGWxB~~,GAAG,~~wDAAwDkB~~,MAAMO,KAAK;EAAC,EAAA,~~GAC1EN~~,IAAI,GAAA,OAAA,KAAA;EAAA,~~OAAAmB~~;CAAA,EAAA,CAAA;AAGd"}
1	+ {"version":3,"file":"alert.js","names":["AlertCircle","CheckCircle2","Info","TriangleAlert","ComponentProps","JSX","splitProps","Dynamic","cva","VariantProps","cn","alertVariants","variants","variant","default","destructive","success","warning","info","defaultVariants","alertIcons","const","alertIconTones","AlertVariantProps","AlertProps","icon","Element","Alert","props","local","rest","tone","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","_c$","_$memo","_el$2","_tmpl$2","_$createComponent","component","_$effect","_$className","children","AlertTitle","_el$3","_tmpl$3","AlertDescription","_el$4","_tmpl$4","_$mergeProps","_$memo","_$createComponent","_$className"],"sources":["../../../../src/components/ui/alert/alert.tsx"],"sourcesContent":["import { AlertCircle, CheckCircle2, Info, TriangleAlert } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { Dynamic } from 'solid-js/web'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/*\n Alert.\n \n A message about the whole surface it sits in — a form's validation summary,\n * a failed sync banner, a permission notice. It is deliberately not a dialog:\n * an alert that must be dismissed before the user can continue is a Dialog.\n \n The glyph follows the tone rather than being passed in, so an alert cannot\n * be given a green checkmark on a destructive fill. A caller that genuinely\n * needs a different icon passes `icon`; `icon={null}` removes it. Text stays on\n * the body foreground over the tinted status surface, while the glyph and edge\n * carry the status hue.\n /\nconst alertVariants = cva(\n 'relative grid w-full grid-cols-[auto_1fr] items-start gap-x-3 gap-y-1 rounded-lg border px-3 py-2.5 text-sm',\n {\n variants: {\n variant: {\n default: 'bg-card text-card-foreground border-border',\n destructive: 'bg-destructive-subtle text-foreground border-destructive/30',\n success: 'bg-success-subtle text-foreground border-success/30',\n warning: 'bg-warning-subtle text-foreground border-warning/30',\n info: 'bg-info-subtle text-foreground border-info/30',\n },\n },\n defaultVariants: { variant: 'default' },\n }\n)\n\nconst alertIcons = {\n default: Info,\n destructive: AlertCircle,\n success: CheckCircle2,\n warning: TriangleAlert,\n info: Info,\n} as const\n\nconst alertIconTones = {\n default: 'text-muted-foreground',\n destructive: 'text-destructive',\n success: 'text-success',\n warning: 'text-warning',\n info: 'text-info',\n} as const\n\ntype AlertVariantProps = VariantProps<typeof alertVariants>\n\nexport type AlertProps = ComponentProps<'div'> &\n AlertVariantProps & {\n /* Replace the tone's glyph with your own element. `null` removes it. */\n icon?: JSX.Element \| null\n }\n\nexport function Alert(props: AlertProps) {\n const [local, rest] = splitProps(props, ['class', 'variant', 'icon', 'children'])\n\n const tone = () => local.variant ?? 'default'\n\n return (\n <div\n data-slot=\"alert\"\n role=\"alert\"\n class={cn(alertVariants({ variant: local.variant }), local.class)}\n {...rest}\n >\n {local.icon === null ? null : (\n <span\n data-slot=\"alert-icon\"\n class={cn('row-span-2 pt-0.5 [&_svg]:size-4', alertIconTones[tone()])}\n >\n {local.icon ?? <Dynamic component={alertIcons[tone()]} />}\n </span>\n )}\n {local.children}\n </div>\n )\n}\n\nexport function AlertTitle(props: ComponentProps<'div'>) {\n const [local, rest] = splitProps(props, ['class'])\n return (\n <div\n data-slot=\"alert-title\"\n class={cn('col-start-2 font-medium tracking-tight', local.class)}\n {...rest}\n />\n )\n}\n\nexport function AlertDescription(props: ComponentProps<'div'>) {\n const [local, rest] = splitProps(props, ['class'])\n return (\n <div\n data-slot=\"alert-description\"\n class={cn('col-start-2 text-sm [&_p]:leading-relaxed', local.class)}\n {...rest}\n />\n )\n}\n\nexport { alertVariants }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMW,gBAAgBH,IACpB,+GACA;CACEI,UAAU,EACRC,SAAS;EACPC,SAAS;EACTC,aAAa;EACbC,SAAS;EACTC,SAAS;EACTC,MAAM;CACR,EACF;CACAC,iBAAiB,EAAEN,SAAS,UAAU;AACxC,CACF;AAEA,IAAMO,aAAa;CACjBN,SAASZ;CACTa,aAAaf;CACbgB,SAASf;CACTgB,SAASd;CACTe,MAAMhB;AACR;AAEA,IAAMoB,iBAAiB;CACrBR,SAAS;CACTC,aAAa;CACbC,SAAS;CACTC,SAAS;CACTC,MAAM;AACR;AAUA,SAAgBS,MAAMC,OAAmB;CACvC,MAAM,CAACC,OAAOC,QAAQxB,WAAWsB,OAAO;EAAC;EAAS;EAAW;EAAQ;CAAU,CAAC;CAEhF,MAAMG,aAAaF,MAAMhB,WAAW;CAEpC,cAAA;EAAA,IAAAmB,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;GAAA,OAIWzB,GAAGC,cAAc,EAAEE,SAASgB,MAAMhB,QAAQ,CAAC,GAAGgB,MAAMO,KAAK;EAAC,EAAA,GAC7DN,IAAI,GAAA,OAAA,IAAA;EAAAO,OAAAL,aAAA;GAAA,IAAAM,MAAAC,WAEPV,MAAMJ,SAAS,IAAI;GAAA,aAAnBa,IAAA,IAAsB,cAAI;IAAA,IAAAE,QAAAC,QAAA;IAAAJ,OAAAG,aAKtBX,MAAMJ,QAAIiB,gBAAKnC,SAAO,EAAA,IAACoC,YAAS;KAAA,OAAEvB,WAAWW,KAAK;IAAE,EAAA,CAAA,CAAI;IAAAa,aAAAC,UAAAL,OAFlD9B,GAAG,oCAAoCY,eAAeS,KAAK,EAAE,CAAC,CAAA;IAAA,OAAAS;GAAA,EAAA,CAAA;EAIxE,EAAA,CAAA,GAAA,IAAA;EAAAH,OAAAL,YACAH,MAAMiB,UAAQ,IAAA;EAAA,OAAAd;CAAA,EAAA,CAAA;AAGrB;AAEA,SAAgBe,WAAWnB,OAA8B;CACvD,MAAM,CAACC,OAAOC,QAAQxB,WAAWsB,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAoB,QAAAC,QAAA;EAAAf,OAAAc,OAAAb,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWzB,GAAG,0CAA0CmB,MAAMO,KAAK;EAAC,EAAA,GAC5DN,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAkB;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,iBAAiBtB,OAA8B;CAC7D,MAAM,CAACC,OAAOC,QAAQxB,WAAWsB,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAuB,QAAAC,QAAA;EAAAlB,OAAAiB,OAAAhB,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWzB,GAAG,6CAA6CmB,MAAMO,KAAK;EAAC,EAAA,GAC/DN,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAqB;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/ui/badge/badge.js CHANGED Viewed

@@ -19,10 +19,10 @@ var badgeVariants = cva("inline-flex w-fit shrink-0 items-center justify-center
 			secondary: "bg-secondary text-secondary-foreground",
 			outline: "border-border text-foreground",
 			/** Tinted status fills, for counts and states rather than actions. */
-			success: "bg-success-subtle text-success",
-			warning: "bg-warning-subtle text-warning",
-			destructive: "bg-destructive-subtle text-destructive",
-			info: "bg-info-subtle text-info",
+			success: "bg-success-subtle text-foreground",
+			warning: "bg-warning-subtle text-foreground",
+			destructive: "bg-destructive-subtle text-foreground",
+			info: "bg-info-subtle text-foreground",
 			subtle: "bg-primary-subtle text-primary"
 		},
 		size: {

package/dist/components/ui/badge/badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"badge.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","VariantProps","cn","badgeVariants","variants","variant","default","secondary","outline","success","warning","destructive","info","subtle","size","sm","md","lg","defaultVariants","BadgeVariantProps","BadgeProps","T","class","Badge","props","local","rest","_$createComponent","_$mergeProps","as","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/badge/badge.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/*\n Badge.\n \n A short, non-interactive status label. If it can be clicked it is a Button\n * with `size=\"2xs\"`, not a Badge — the difference matters because a Badge\n * carries no focus or pressed state and must never be the only way to reach an\n * action.\n /\nexport const badgeVariants = cva(\n 'inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-md border border-transparent font-medium transition-colors [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-3',\n {\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground',\n secondary: 'bg-secondary text-secondary-foreground',\n outline: 'border-border text-foreground',\n /* Tinted status fills, for counts and states rather than actions. */\n success: 'bg-success-subtle text-~~success~~',\n warning: 'bg-warning-subtle text-~~warning~~',\n destructive: 'bg-destructive-subtle text-~~destructive~~',\n info: 'bg-info-subtle text-~~info~~',\n subtle: 'bg-primary-subtle text-primary',\n },\n size: {\n sm: 'h-4 px-1.5 text-2xs',\n md: 'h-5 px-2 text-xs',\n lg: 'h-6 px-2.5 text-xs',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'md',\n },\n }\n)\n\ntype BadgeVariantProps = VariantProps<typeof badgeVariants>\n\nexport type BadgeProps<T extends ValidComponent = 'span'> = PolymorphicProps<\n T,\n BadgeVariantProps & { class?: string }\n>\n\nexport function Badge<T extends ValidComponent = 'span'>(props: BadgeProps<T>) {\n const [local, rest] = splitProps(props as BadgeProps, ['variant', 'size', 'class'])\n\n return (\n <Polymorphic\n as=\"span\"\n class={cn(badgeVariants({ variant: local.variant, size: local.size }), local.class)}\n {...(rest as ComponentProps<'span'>)}\n />\n )\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,IAAaQ,gBAAgBH,IAC3B,iNACA;CACEI,UAAU;EACRC,SAAS;GACPC,SAAS;GACTC,WAAW;GACXC,SAAS;;GAETC,SAAS;GACTC,SAAS;GACTC,aAAa;GACbC,MAAM;GACNC,QAAQ;EACV;EACAC,MAAM;GACJC,IAAI;GACJC,IAAI;GACJC,IAAI;EACN;CACF;CACAC,iBAAiB;EACfb,SAAS;EACTS,MAAM;CACR;AACF,CACF;AASA,SAAgBS,MAAyCC,OAAsB;CAC7E,MAAM,CAACC,OAAOC,QAAQ5B,WAAW0B,OAAqB;EAAC;EAAW;EAAQ;CAAO,CAAC;CAElF,OAAAG,gBACGhC,aAAWiC,WAAA;EACVC,IAAE;EAAA,KAAA,WAAA;GAAA,OACK3B,GAAGC,cAAc;IAAEE,SAASoB,MAAMpB;IAASS,MAAMW,MAAMX;GAAK,CAAC,GAAGW,MAAMH,KAAK;EAAC;CAAA,GAC9EI,IAA8B,CAAA;AAGzC"}
1	+ {"version":3,"file":"badge.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","VariantProps","cn","badgeVariants","variants","variant","default","secondary","outline","success","warning","destructive","info","subtle","size","sm","md","lg","defaultVariants","BadgeVariantProps","BadgeProps","T","class","Badge","props","local","rest","_$createComponent","_$mergeProps","as","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/badge/badge.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/*\n Badge.\n \n A short, non-interactive status label. If it can be clicked it is a Button\n * with `size=\"2xs\"`, not a Badge — the difference matters because a Badge\n * carries no focus or pressed state and must never be the only way to reach an\n * action.\n /\nexport const badgeVariants = cva(\n 'inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-md border border-transparent font-medium transition-colors [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-3',\n {\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground',\n secondary: 'bg-secondary text-secondary-foreground',\n outline: 'border-border text-foreground',\n /* Tinted status fills, for counts and states rather than actions. */\n success: 'bg-success-subtle text-foreground',\n warning: 'bg-warning-subtle text-foreground',\n destructive: 'bg-destructive-subtle text-foreground',\n info: 'bg-info-subtle text-foreground',\n subtle: 'bg-primary-subtle text-primary',\n },\n size: {\n sm: 'h-4 px-1.5 text-2xs',\n md: 'h-5 px-2 text-xs',\n lg: 'h-6 px-2.5 text-xs',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'md',\n },\n }\n)\n\ntype BadgeVariantProps = VariantProps<typeof badgeVariants>\n\nexport type BadgeProps<T extends ValidComponent = 'span'> = PolymorphicProps<\n T,\n BadgeVariantProps & { class?: string }\n>\n\nexport function Badge<T extends ValidComponent = 'span'>(props: BadgeProps<T>) {\n const [local, rest] = splitProps(props as BadgeProps, ['variant', 'size', 'class'])\n\n return (\n <Polymorphic\n as=\"span\"\n class={cn(badgeVariants({ variant: local.variant, size: local.size }), local.class)}\n {...(rest as ComponentProps<'span'>)}\n />\n )\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,IAAaQ,gBAAgBH,IAC3B,iNACA;CACEI,UAAU;EACRC,SAAS;GACPC,SAAS;GACTC,WAAW;GACXC,SAAS;;GAETC,SAAS;GACTC,SAAS;GACTC,aAAa;GACbC,MAAM;GACNC,QAAQ;EACV;EACAC,MAAM;GACJC,IAAI;GACJC,IAAI;GACJC,IAAI;EACN;CACF;CACAC,iBAAiB;EACfb,SAAS;EACTS,MAAM;CACR;AACF,CACF;AASA,SAAgBS,MAAyCC,OAAsB;CAC7E,MAAM,CAACC,OAAOC,QAAQ5B,WAAW0B,OAAqB;EAAC;EAAW;EAAQ;CAAO,CAAC;CAElF,OAAAG,gBACGhC,aAAWiC,WAAA;EACVC,IAAE;EAAA,KAAA,WAAA;GAAA,OACK3B,GAAGC,cAAc;IAAEE,SAASoB,MAAMpB;IAASS,MAAMW,MAAMX;GAAK,CAAC,GAAGW,MAAMH,KAAK;EAAC;CAAA,GAC9EI,IAA8B,CAAA;AAGzC"}

package/dist/components/ui/context-menu/context-menu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/context-menu/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAE9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;~~AAY9C~~;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,kCAE3E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,kCAE1F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,kCAiB1F;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,~~kCAwBF~~;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,YAAY,CAAC,kCAY9D;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,kCAEhG;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,SAAS,CAAC,kCAW9F;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,kCAG3F;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,kCAEtF;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,SAAS,CAAC,kCAG9F;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG,CAAC,kCAElF;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,kCAShG;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,kCAiBhG"}
1	+ {"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/context-menu/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAE9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAa9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,kCAE3E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,kCAE1F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,kCAiB1F;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,kCAuBF;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,YAAY,CAAC,kCAY9D;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,kCAEhG;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,SAAS,CAAC,kCAW9F;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,kCAG3F;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,kCAEtF;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,SAAS,CAAC,kCAG9F;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG,CAAC,kCAElF;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,kCAShG;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,kCAiBhG"}

package/dist/components/ui/context-menu/context-menu.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { cn } from "../../../lib/utils.js";
-import { menuItem, menuLabel, menuSeparator, overlayMotion, overlaySurface } from "../../../lib/overlay.js";
+import { destructiveMenuItem, menuItem, menuLabel, menuSeparator, overlayMotion, overlaySurface } from "../../../lib/overlay.js";
 import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
 import { Check, ChevronRight, Circle } from "lucide-solid";
 import { splitProps } from "solid-js";
@@ -41,7 +41,7 @@ function ContextMenuItem(props) {
 		"children"
 	]);
 	return createComponent(ContextMenu.Item, mergeProps({ get ["class"]() {
-		return cn(menuItem, { "text-destructive data-[highlighted]:bg-destructive-subtle data-[highlighted]:text-destructive": local.variant === "destructive" }, local.class);
+		return cn(menuItem, { [destructiveMenuItem]: local.variant === "destructive" }, local.class);
 	} }, rest, { get children() {
 		return [memo(() => local.children), memo(() => memo(() => !!local.shortcut)() ? (() => {
 			var _el$ = _tmpl$();

package/dist/components/ui/context-menu/context-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context-menu.js","names":["ContextMenu","KobalteContextMenu","Check","ChevronRight","Circle","ComponentProps","splitProps","menuContentPadding","menuItem","menuLabel","menuSeparator","overlayMotion","overlaySurface","cn","props","_$createComponent","ContextMenuTrigger","Trigger","ContextMenuContent","Content","local","rest","Portal","children","_$mergeProps","class","ContextMenuItem","Item","variant","shortcut","_$memo","_el$","_tmpl$","_$insert","ContextMenuCheckboxItem","CheckboxItem","ItemIndicator","ContextMenuRadioGroup","RadioGroup","ContextMenuRadioItem","RadioItem","ContextMenuLabel","GroupLabel","ContextMenuGroup","Group","ContextMenuSeparator","Separator","ContextMenuSub","Sub","ContextMenuSubTrigger","SubTrigger","ContextMenuSubContent","SubContent","ContextMenu","_$createComponent","KobalteContextMenu","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/context-menu/context-menu.tsx"],"sourcesContent":["import { ContextMenu as KobalteContextMenu } from '@kobalte/core/context-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport {\n menuContentPadding,\n menuItem,\n menuLabel,\n menuSeparator,\n overlayMotion,\n overlaySurface,\n} from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/*\n ContextMenu.\n \n The same actions as DropdownMenu, opened by right-click. The trigger is the\n * region the menu belongs to — a file row, a canvas, a code block — and the\n * menu opens at the pointer.\n \n The accessibility rule for this component is not about its own markup: a\n * context menu must never hold the only route to an action, because a\n * right-click is unavailable on touch and undiscoverable on a trackpad. Every\n * item here should also appear somewhere reachable, usually a DropdownMenu on\n * the same row.\n */\nexport function ContextMenu(props: ComponentProps<typeof KobalteContextMenu>) {\n return <KobalteContextMenu {...props} />\n}\n\nexport function ContextMenuTrigger(props: ComponentProps<typeof KobalteContextMenu.Trigger>) {\n return <KobalteContextMenu.Trigger {...props} />\n}\n\nexport function ContextMenuContent(props: ComponentProps<typeof KobalteContextMenu.Content>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <KobalteContextMenu.Portal>\n <KobalteContextMenu.Content\n class={cn(\n overlaySurface,\n overlayMotion,\n 'z-(--z-menu) min-w-[10rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n menuContentPadding,\n local.class\n )}\n {...rest}\n />\n </KobalteContextMenu.Portal>\n )\n}\n\nexport function ContextMenuItem(\n props: ComponentProps<typeof KobalteContextMenu.Item> & {\n variant?: 'default' \| 'destructive'\n shortcut?: string\n }\n) {\n const [local, rest] = splitProps(props, ['class', 'variant', 'shortcut', 'children'])\n\n return (\n <KobalteContextMenu.Item\n class={cn(\n menuItem,\n {\n ~~'text-destructive data-~~[~~highlighted~~]:~~bg-destructive-subtle~~ ~~data-[highlighted]:text-destructive':\n~~ local.variant === 'destructive',\n },\n local.class\n )}\n {...rest}\n >\n {local.children}\n {local.shortcut ? (\n <span class=\"text-muted-foreground ms-auto font-mono text-2xs tracking-widest\">\n {local.shortcut}\n </span>\n ) : null}\n </KobalteContextMenu.Item>\n )\n}\n\nexport function ContextMenuCheckboxItem(\n props: ComponentProps<typeof KobalteContextMenu.CheckboxItem>\n) {\n const [local, rest] = splitProps(props, ['class', 'children'])\n\n return (\n <KobalteContextMenu.CheckboxItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n {local.children}\n <KobalteContextMenu.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n <Check class=\"size-4\" />\n </KobalteContextMenu.ItemIndicator>\n </KobalteContextMenu.CheckboxItem>\n )\n}\n\nexport function ContextMenuRadioGroup(props: ComponentProps<typeof KobalteContextMenu.RadioGroup>) {\n return <KobalteContextMenu.RadioGroup {...props} />\n}\n\nexport function ContextMenuRadioItem(props: ComponentProps<typeof KobalteContextMenu.RadioItem>) {\n const [local, rest] = splitProps(props, ['class', 'children'])\n\n return (\n <KobalteContextMenu.RadioItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n {local.children}\n <KobalteContextMenu.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n <Circle class=\"size-2 fill-current\" />\n </KobalteContextMenu.ItemIndicator>\n </KobalteContextMenu.RadioItem>\n )\n}\n\nexport function ContextMenuLabel(props: ComponentProps<typeof KobalteContextMenu.GroupLabel>) {\n const [local, rest] = splitProps(props, ['class'])\n return <KobalteContextMenu.GroupLabel class={cn(menuLabel, local.class)} {...rest} />\n}\n\nexport function ContextMenuGroup(props: ComponentProps<typeof KobalteContextMenu.Group>) {\n return <KobalteContextMenu.Group {...props} />\n}\n\nexport function ContextMenuSeparator(props: ComponentProps<typeof KobalteContextMenu.Separator>) {\n const [local, rest] = splitProps(props, ['class'])\n return <KobalteContextMenu.Separator class={cn(menuSeparator, local.class)} {...rest} />\n}\n\nexport function ContextMenuSub(props: ComponentProps<typeof KobalteContextMenu.Sub>) {\n return <KobalteContextMenu.Sub {...props} />\n}\n\nexport function ContextMenuSubTrigger(props: ComponentProps<typeof KobalteContextMenu.SubTrigger>) {\n const [local, rest] = splitProps(props, ['class', 'children'])\n\n return (\n <KobalteContextMenu.SubTrigger class={cn(menuItem, local.class)} {...rest}>\n {local.children}\n <ChevronRight class=\"ms-auto size-4\" />\n </KobalteContextMenu.SubTrigger>\n )\n}\n\nexport function ContextMenuSubContent(props: ComponentProps<typeof KobalteContextMenu.SubContent>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <KobalteContextMenu.Portal>\n <KobalteContextMenu.SubContent\n class={cn(\n overlaySurface,\n overlayMotion,\n 'z-(--z-menu) min-w-[8rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n menuContentPadding,\n local.class\n )}\n {...rest}\n />\n </KobalteContextMenu.Portal>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;~~AA2BA~~,SAAgBA,~~cAAYc~~,OAAkD;CAC5E,OAAAC,~~gBAAQd~~,~~aAAuBa~~,KAAK;AACtC;AAEA,SAAgBE,mBAAmBF,OAA0D;CAC3F,OAAAC,~~gBAAQd~~,~~YAAmBgB~~,SAAYH,KAAK;AAC9C;AAEA,SAAgBI,mBAAmBJ,OAA0D;CAC3F,MAAM,CAACM,OAAOC,~~QAAQf~~,~~WAAWQ~~,OAAO,CAAC,OAAO,CAAC;CAEjD,OAAAC,~~gBACGd~~,~~YAAmBqB~~,QAAM,EAAA,IAAAC,WAAA;EAAA,OAAAR,~~gBACvBd~~,~~YAAmBkB~~,SAAOK,WAAA,EAAA,KAAA,WAAA;GAAA,OAClBX,GACLD,gBACAD,eACA,0FAAA,OAEAS,MAAMK,KACR;EAAC,EAAA,GACGJ,IAAI,CAAA;CAAA,EAAA,CAAA;AAIhB;AAEA,SAAgBK,gBACdZ,OAIA;CACA,MAAM,CAACM,OAAOC,~~QAAQf~~,~~WAAWQ~~,OAAO;EAAC;EAAS;EAAW;EAAY;CAAU,CAAC;CAEpF,OAAAC,~~gBACGd~~,~~YAAmB0B~~,MAAIH,WAAA,EAAA,KAAA,WAAA;EAAA,OACfX,GACLL,UACA,~~EACE~~,~~iGACEY~~,MAAMQ,YAAY,~~cACtB~~,GACAR,MAAMK,KACR;CAAC,EAAA,GACGJ,MAAI,EAAA,IAAAE,WAAA;EAAA,OAAA,CAAAO,WAEPV,MAAMG,QAAQ,GAAAO,WACdA,WAAA,CAAA,CAAAV,MAAMS,QAAQ,CAAA,CAAA,WAAA;GAAA,IAAAE,OAAAC,OAAA;GAAAC,OAAAF,YAEVX,MAAMS,QAAQ;GAAA,OAAAE;EAAA,EAAA,CAAA,IAEf,IAAI,CAAA;CAAA,EAAA,CAAA,CAAA;AAGd;AAEA,SAAgBG,wBACdpB,OACA;CACA,MAAM,CAACM,OAAOC,~~QAAQf~~,~~WAAWQ~~,OAAO,CAAC,SAAS,UAAU,CAAC;CAE7D,OAAAC,~~gBACGd~~,~~YAAmBkC~~,cAAYX,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQX,GAAGL,UAAU,QAAQY,MAAMK,KAAK;CAAC,EAAA,GAAMJ,MAAI,EAAA,IAAAE,WAAA;EAAA,OAAA,CAAAO,WAChFV,MAAMG,QAAQ,GAAAR,~~gBACdd~~,~~YAAmBmC~~,eAAa;GAAA,SAAA;GAAA,IAAAb,WAAA;IAAA,OAAAR,~~gBAC9Bb~~,OAAK,EAAA,SAAA,SAAA,CAAA;GAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAId;AAEA,~~SAAgBmC~~,sBAAsBvB,OAA6D;CACjG,OAAAC,~~gBAAQd~~,~~YAAmBqC~~,YAAexB,KAAK;AACjD;AAEA,SAAgByB,qBAAqBzB,OAA4D;CAC/F,MAAM,CAACM,OAAOC,~~QAAQf~~,~~WAAWQ~~,OAAO,CAAC,SAAS,UAAU,CAAC;CAE7D,OAAAC,~~gBACGd~~,~~YAAmBuC~~,WAAShB,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQX,GAAGL,UAAU,QAAQY,MAAMK,KAAK;CAAC,EAAA,GAAMJ,MAAI,EAAA,IAAAE,WAAA;EAAA,OAAA,CAAAO,WAC7EV,MAAMG,QAAQ,GAAAR,~~gBACdd~~,~~YAAmBmC~~,eAAa;GAAA,SAAA;GAAA,IAAAb,WAAA;IAAA,OAAAR,~~gBAC9BX~~,QAAM,EAAA,SAAA,sBAAA,CAAA;GAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAIf;AAEA,~~SAAgBqC~~,iBAAiB3B,OAA6D;CAC5F,MAAM,CAACM,OAAOC,~~QAAQf~~,~~WAAWQ~~,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAC,~~gBAAQd~~,~~YAAmByC~~,YAAUlB,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQX,GAAGJ,WAAWW,MAAMK,KAAK;CAAC,EAAA,GAAMJ,IAAI,CAAA;AACnF;AAEA,SAAgBsB,iBAAiB7B,OAAwD;CACvF,OAAAC,~~gBAAQd~~,~~YAAmB2C~~,OAAU9B,KAAK;AAC5C;AAEA,SAAgB+B,qBAAqB/B,OAA4D;CAC/F,MAAM,CAACM,OAAOC,~~QAAQf~~,~~WAAWQ~~,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAC,~~gBAAQd~~,~~YAAmB6C~~,WAAStB,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQX,GAAGH,eAAeU,MAAMK,KAAK;CAAC,EAAA,GAAMJ,IAAI,CAAA;AACtF;AAEA,SAAgB0B,eAAejC,OAAsD;CACnF,OAAAC,~~gBAAQd~~,~~YAAmB+C~~,KAAQlC,KAAK;AAC1C;AAEA,SAAgBmC,sBAAsBnC,OAA6D;CACjG,MAAM,CAACM,OAAOC,~~QAAQf~~,~~WAAWQ~~,OAAO,CAAC,SAAS,UAAU,CAAC;CAE7D,OAAAC,~~gBACGd~~,~~YAAmBiD~~,YAAU1B,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQX,GAAGL,UAAUY,MAAMK,KAAK;CAAC,EAAA,GAAMJ,MAAI,EAAA,IAAAE,WAAA;EAAA,OAAA,CAAAO,WACtEV,MAAMG,QAAQ,GAAAR,~~gBACdZ~~,cAAY,EAAA,SAAA,iBAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAGnB;AAEA,~~SAAgBgD~~,sBAAsBrC,OAA6D;CACjG,MAAM,CAACM,OAAOC,~~QAAQf~~,~~WAAWQ~~,OAAO,CAAC,OAAO,CAAC;CAEjD,OAAAC,~~gBACGd~~,~~YAAmBqB~~,QAAM,EAAA,IAAAC,WAAA;EAAA,OAAAR,~~gBACvBd~~,~~YAAmBmD~~,YAAU5B,WAAA,EAAA,KAAA,WAAA;GAAA,OACrBX,GACLD,gBACAD,eACA,yFAAA,OAEAS,MAAMK,KACR;EAAC,EAAA,GACGJ,IAAI,CAAA;CAAA,EAAA,CAAA;AAIhB"}
1	+ {"version":3,"file":"context-menu.js","names":["ContextMenu","KobalteContextMenu","Check","ChevronRight","Circle","ComponentProps","splitProps","menuContentPadding","destructiveMenuItem","menuItem","menuLabel","menuSeparator","overlayMotion","overlaySurface","cn","props","_$createComponent","ContextMenuTrigger","Trigger","ContextMenuContent","Content","local","rest","Portal","children","_$mergeProps","class","ContextMenuItem","Item","variant","shortcut","_$memo","_el$","_tmpl$","_$insert","ContextMenuCheckboxItem","CheckboxItem","ItemIndicator","ContextMenuRadioGroup","RadioGroup","ContextMenuRadioItem","RadioItem","ContextMenuLabel","GroupLabel","ContextMenuGroup","Group","ContextMenuSeparator","Separator","ContextMenuSub","Sub","ContextMenuSubTrigger","SubTrigger","ContextMenuSubContent","SubContent","ContextMenu","_$createComponent","KobalteContextMenu","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/context-menu/context-menu.tsx"],"sourcesContent":["import { ContextMenu as KobalteContextMenu } from '@kobalte/core/context-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport {\n menuContentPadding,\n destructiveMenuItem,\n menuItem,\n menuLabel,\n menuSeparator,\n overlayMotion,\n overlaySurface,\n} from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/*\n ContextMenu.\n \n The same actions as DropdownMenu, opened by right-click. The trigger is the\n * region the menu belongs to — a file row, a canvas, a code block — and the\n * menu opens at the pointer.\n \n The accessibility rule for this component is not about its own markup: a\n * context menu must never hold the only route to an action, because a\n * right-click is unavailable on touch and undiscoverable on a trackpad. Every\n * item here should also appear somewhere reachable, usually a DropdownMenu on\n * the same row.\n */\nexport function ContextMenu(props: ComponentProps<typeof KobalteContextMenu>) {\n return <KobalteContextMenu {...props} />\n}\n\nexport function ContextMenuTrigger(props: ComponentProps<typeof KobalteContextMenu.Trigger>) {\n return <KobalteContextMenu.Trigger {...props} />\n}\n\nexport function ContextMenuContent(props: ComponentProps<typeof KobalteContextMenu.Content>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <KobalteContextMenu.Portal>\n <KobalteContextMenu.Content\n class={cn(\n overlaySurface,\n overlayMotion,\n 'z-(--z-menu) min-w-[10rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n menuContentPadding,\n local.class\n )}\n {...rest}\n />\n </KobalteContextMenu.Portal>\n )\n}\n\nexport function ContextMenuItem(\n props: ComponentProps<typeof KobalteContextMenu.Item> & {\n variant?: 'default' \| 'destructive'\n shortcut?: string\n }\n) {\n const [local, rest] = splitProps(props, ['class', 'variant', 'shortcut', 'children'])\n\n return (\n <KobalteContextMenu.Item\n class={cn(\n menuItem,\n {\n [destructiveMenuItem]: local.variant === 'destructive',\n },\n local.class\n )}\n {...rest}\n >\n {local.children}\n {local.shortcut ? (\n <span class=\"text-muted-foreground ms-auto font-mono text-2xs tracking-widest\">\n {local.shortcut}\n </span>\n ) : null}\n </KobalteContextMenu.Item>\n )\n}\n\nexport function ContextMenuCheckboxItem(\n props: ComponentProps<typeof KobalteContextMenu.CheckboxItem>\n) {\n const [local, rest] = splitProps(props, ['class', 'children'])\n\n return (\n <KobalteContextMenu.CheckboxItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n {local.children}\n <KobalteContextMenu.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n <Check class=\"size-4\" />\n </KobalteContextMenu.ItemIndicator>\n </KobalteContextMenu.CheckboxItem>\n )\n}\n\nexport function ContextMenuRadioGroup(props: ComponentProps<typeof KobalteContextMenu.RadioGroup>) {\n return <KobalteContextMenu.RadioGroup {...props} />\n}\n\nexport function ContextMenuRadioItem(props: ComponentProps<typeof KobalteContextMenu.RadioItem>) {\n const [local, rest] = splitProps(props, ['class', 'children'])\n\n return (\n <KobalteContextMenu.RadioItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n {local.children}\n <KobalteContextMenu.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n <Circle class=\"size-2 fill-current\" />\n </KobalteContextMenu.ItemIndicator>\n </KobalteContextMenu.RadioItem>\n )\n}\n\nexport function ContextMenuLabel(props: ComponentProps<typeof KobalteContextMenu.GroupLabel>) {\n const [local, rest] = splitProps(props, ['class'])\n return <KobalteContextMenu.GroupLabel class={cn(menuLabel, local.class)} {...rest} />\n}\n\nexport function ContextMenuGroup(props: ComponentProps<typeof KobalteContextMenu.Group>) {\n return <KobalteContextMenu.Group {...props} />\n}\n\nexport function ContextMenuSeparator(props: ComponentProps<typeof KobalteContextMenu.Separator>) {\n const [local, rest] = splitProps(props, ['class'])\n return <KobalteContextMenu.Separator class={cn(menuSeparator, local.class)} {...rest} />\n}\n\nexport function ContextMenuSub(props: ComponentProps<typeof KobalteContextMenu.Sub>) {\n return <KobalteContextMenu.Sub {...props} />\n}\n\nexport function ContextMenuSubTrigger(props: ComponentProps<typeof KobalteContextMenu.SubTrigger>) {\n const [local, rest] = splitProps(props, ['class', 'children'])\n\n return (\n <KobalteContextMenu.SubTrigger class={cn(menuItem, local.class)} {...rest}>\n {local.children}\n <ChevronRight class=\"ms-auto size-4\" />\n </KobalteContextMenu.SubTrigger>\n )\n}\n\nexport function ContextMenuSubContent(props: ComponentProps<typeof KobalteContextMenu.SubContent>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <KobalteContextMenu.Portal>\n <KobalteContextMenu.SubContent\n class={cn(\n overlaySurface,\n overlayMotion,\n 'z-(--z-menu) min-w-[8rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n menuContentPadding,\n local.class\n )}\n {...rest}\n />\n </KobalteContextMenu.Portal>\n )\n}\n"],"mappings":"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"}

package/dist/components/ui/dialog/dialog.d.ts CHANGED Viewed

@@ -1,5 +1,20 @@
 import { Dialog as KobalteDialog } from '@kobalte/core/dialog';
-import type { ComponentProps, JSX } from 'solid-js';
+import type { Accessor, ComponentProps, JSX } from 'solid-js';
+type DialogFocusRestorationOptions = {
+    open: Accessor<boolean>;
+    restoreFocusRef?: Accessor<HTMLElement | undefined>;
+    onOpenAutoFocus?: ComponentProps<typeof KobalteDialog.Content>['onOpenAutoFocus'];
+    onCloseAutoFocus?: ComponentProps<typeof KobalteDialog.Content>['onCloseAutoFocus'];
+};
+/**
+ * Adds guarded opener capture and restoration to a Kobalte dialog content.
+ * Composed surfaces use this internal helper; it is omitted from the public
+ * dialog barrel so the restoration policy stays with the dialog components.
+ */
+export declare function createDialogFocusRestoration({ open, restoreFocusRef, onOpenAutoFocus: callerOnOpenAutoFocus, onCloseAutoFocus: callerOnCloseAutoFocus, }: DialogFocusRestorationOptions): {
+    onOpenAutoFocus: (event: Event) => void;
+    onCloseAutoFocus: (event: Event) => void;
+};
 /**
  * Dialog.
  *
@@ -37,4 +52,5 @@ export declare function DialogCloseButton(props: ComponentProps<typeof KobalteDi
  * a copied class string.
  */
 export declare function DialogClose(props: ComponentProps<typeof KobalteDialog.CloseButton>): JSX.Element;
+export {};
 //# sourceMappingURL=dialog.d.ts.map

package/dist/components/ui/dialog/dialog.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAE9D,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;~~AAKnD~~;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,eAEjE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,eAEhF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,eAE9E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,eAYhF;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;IAC9E;;;;OAIG;IACH,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;CAClC,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eA4BtD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASxD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASxD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,eAQ5E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAKxF;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAGxF;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAGlF"}
1	+ {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAE9D,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAwC7D,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACvB,eAAe,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;IACnD,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAA;IACjF,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,kBAAkB,CAAC,CAAA;CACpF,CAAA;AAED;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,IAAI,EACJ,eAAe,EACf,eAAe,EAAE,qBAAqB,EACtC,gBAAgB,EAAE,sBAAsB,GACzC,EAAE,6BAA6B;6BA6DE,KAAK;8BAyCJ,KAAK;EA8CvC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,eAEjE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,eAEhF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,eAE9E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,eAYhF;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;IAC9E;;;;OAIG;IACH,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;CAClC,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eA4BtD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASxD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASxD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,eAQ5E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAKxF;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAGxF;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAGlF"}