npm - @alfadocs/ui-kit - Versions diffs - 0.1.1 → 0.1.3 - Mend

@alfadocs/ui-kit 0.1.1 → 0.1.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 (475) hide show

package/dist/_chunks/{rich-text-editor.agent-C1_E7_7t.js → rich-text-editor.agent-COSb5_2D.js} RENAMED Viewed

@@ -302,7 +302,7 @@ function Ue({
         title: o,
         className: U({ pressed: D, disabled: y }),
         children: [
-          /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "ds:text-[var(--font-size-sm)] ds:font-semibold", children: "H" }),
+          /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "ds:text-[length:var(--font-size-sm)] ds:font-semibold", children: "H" }),
           /* @__PURE__ */ r(pe, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
         ]
       }
@@ -409,12 +409,12 @@ function Ge({ open: a, onOpenChange: l }) {
             {
               className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-md)]",
               children: [
-                /* @__PURE__ */ r("span", { className: "ds:text-[var(--font-size-sm)]", children: h(v.key) }),
+                /* @__PURE__ */ r("span", { className: "ds:text-[length:var(--font-size-sm)]", children: h(v.key) }),
                 /* @__PURE__ */ r(
                   "kbd",
                   {
                     className: [
-                      "ds:font-[var(--font-mono)] ds:text-[var(--font-size-xs)]",
+                      "ds:font-[var(--font-mono)] ds:text-[length:var(--font-size-xs)]",
                       "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
                       "ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]"
                     ].join(" "),
@@ -832,4 +832,4 @@ export {
   U as t,
   Fe as w
 };
-//# sourceMappingURL=rich-text-editor.agent-C1_E7_7t.js.map
+//# sourceMappingURL=rich-text-editor.agent-COSb5_2D.js.map

package/dist/_chunks/rich-text-editor.agent-COSb5_2D.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"rich-text-editor.agent-COSb5_2D.js","sources":["../../node_modules/lucide-react/dist/esm/icons/bold.js","../../node_modules/lucide-react/dist/esm/icons/code.js","../../node_modules/lucide-react/dist/esm/icons/image.js","../../node_modules/lucide-react/dist/esm/icons/italic.js","../../node_modules/lucide-react/dist/esm/icons/link-2.js","../../node_modules/lucide-react/dist/esm/icons/list-ordered.js","../../node_modules/lucide-react/dist/esm/icons/list.js","../../node_modules/lucide-react/dist/esm/icons/minus.js","../../node_modules/lucide-react/dist/esm/icons/quote.js","../../node_modules/lucide-react/dist/esm/icons/redo.js","../../node_modules/lucide-react/dist/esm/icons/table.js","../../node_modules/lucide-react/dist/esm/icons/undo.js","../../src/components/rich-text-editor/rich-text-editor.tsx","../../src/components/rich-text-editor/rich-text-editor.agent.ts"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\n \"path\",\n { d: \"M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8\", key: \"mg9rjx\" }\n ]\n];\nconst Bold = createLucideIcon(\"bold\", __iconNode);\n\nexport { __iconNode, Bold as default };\n//# sourceMappingURL=bold.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"m16 18 6-6-6-6\", key: \"eg8j8\" }],\n [\"path\", { d: \"m8 6-6 6 6 6\", key: \"ppft3o\" }]\n];\nconst Code = createLucideIcon(\"code\", __iconNode);\n\nexport { __iconNode, Code as default };\n//# sourceMappingURL=code.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", ry: \"2\", key: \"1m3agn\" }],\n [\"circle\", { cx: \"9\", cy: \"9\", r: \"2\", key: \"af1f0g\" }],\n [\"path\", { d: \"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\", key: \"1xmnt7\" }]\n];\nconst Image = createLucideIcon(\"image\", __iconNode);\n\nexport { __iconNode, Image as default };\n//# sourceMappingURL=image.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"line\", { x1: \"19\", x2: \"10\", y1: \"4\", y2: \"4\", key: \"15jd3p\" }],\n [\"line\", { x1: \"14\", x2: \"5\", y1: \"20\", y2: \"20\", key: \"bu0au3\" }],\n [\"line\", { x1: \"15\", x2: \"9\", y1: \"4\", y2: \"20\", key: \"uljnxc\" }]\n];\nconst Italic = createLucideIcon(\"italic\", __iconNode);\n\nexport { __iconNode, Italic as default };\n//# sourceMappingURL=italic.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M9 17H7A5 5 0 0 1 7 7h2\", key: \"8i5ue5\" }],\n [\"path\", { d: \"M15 7h2a5 5 0 1 1 0 10h-2\", key: \"1b9ql8\" }],\n [\"line\", { x1: \"8\", x2: \"16\", y1: \"12\", y2: \"12\", key: \"1jonct\" }]\n];\nconst Link2 = createLucideIcon(\"link-2\", __iconNode);\n\nexport { __iconNode, Link2 as default };\n//# sourceMappingURL=link-2.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M11 5h10\", key: \"1cz7ny\" }],\n [\"path\", { d: \"M11 12h10\", key: \"1438ji\" }],\n [\"path\", { d: \"M11 19h10\", key: \"11t30w\" }],\n [\"path\", { d: \"M4 4h1v5\", key: \"10yrso\" }],\n [\"path\", { d: \"M4 9h2\", key: \"r1h2o0\" }],\n [\"path\", { d: \"M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02\", key: \"xtkcd5\" }]\n];\nconst ListOrdered = createLucideIcon(\"list-ordered\", __iconNode);\n\nexport { __iconNode, ListOrdered as default };\n//# sourceMappingURL=list-ordered.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M3 5h.01\", key: \"18ugdj\" }],\n [\"path\", { d: \"M3 12h.01\", key: \"nlz23k\" }],\n [\"path\", { d: \"M3 19h.01\", key: \"noohij\" }],\n [\"path\", { d: \"M8 5h13\", key: \"1pao27\" }],\n [\"path\", { d: \"M8 12h13\", key: \"1za7za\" }],\n [\"path\", { d: \"M8 19h13\", key: \"m83p4d\" }]\n];\nconst List = createLucideIcon(\"list\", __iconNode);\n\nexport { __iconNode, List as default };\n//# sourceMappingURL=list.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }]];\nconst Minus = createLucideIcon(\"minus\", __iconNode);\n\nexport { __iconNode, Minus as default };\n//# sourceMappingURL=minus.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\",\n key: \"rib7q0\"\n }\n ],\n [\n \"path\",\n {\n d: \"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\",\n key: \"1ymkrd\"\n }\n ]\n];\nconst Quote = createLucideIcon(\"quote\", __iconNode);\n\nexport { __iconNode, Quote as default };\n//# sourceMappingURL=quote.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M21 7v6h-6\", key: \"3ptur4\" }],\n [\"path\", { d: \"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7\", key: \"1kgawr\" }]\n];\nconst Redo = createLucideIcon(\"redo\", __iconNode);\n\nexport { __iconNode, Redo as default };\n//# sourceMappingURL=redo.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M12 3v18\", key: \"108xh3\" }],\n [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n [\"path\", { d: \"M3 9h18\", key: \"1pudct\" }],\n [\"path\", { d: \"M3 15h18\", key: \"5xshup\" }]\n];\nconst Table = createLucideIcon(\"table\", __iconNode);\n\nexport { __iconNode, Table as default };\n//# sourceMappingURL=table.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M3 7v6h6\", key: \"1v2h90\" }],\n [\"path\", { d: \"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13\", key: \"1r6uu6\" }]\n];\nconst Undo = createLucideIcon(\"undo\", __iconNode);\n\nexport { __iconNode, Undo as default };\n//# sourceMappingURL=undo.js.map\n","/* ------------------------------------------------------------------ */\n/* RichTextEditor — thin, secure wrapper over Tiptap (`@tiptap/react`). */\n/* */\n/* - Extensions: StarterKit + Link + Image + Table family + */\n/* tiptap-markdown. Static imports — no lazy loading in this pass */\n/* (see TODO below). */\n/* - Security: a `transformPastedHTML` hook runs everything pasted */\n/* through DOMPurify with an explicit FORBID list, and the imperative*/\n/* `setContent` handle reuses the same sanitiser. */\n/* - Link: the scheme allow-list is `http | https | mailto | tel`. */\n/* `javascript:` and `data:` hrefs are rejected by the `validate` */\n/* callback. */\n/* - Accessibility: toolbar is a WAI-ARIA toolbar with roving */\n/* tabindex, Home/End/ArrowLeft/ArrowRight semantics, `aria-pressed` */\n/* reflecting `editor.isActive(...)`, and `aria-disabled` in place */\n/* of the `disabled` HTML attribute so screen readers can still */\n/* focus the controls. */\n/* - i18n: every tooltip / aria-label comes from `t('editor.*')`. */\n/* Placeholder default goes through `t('editor.placeholder')`. */\n/* When `document.dir === 'rtl'` the toolbar mirrors via a CVA */\n/* compound variant. */\n/* - Cmd/Ctrl+/ opens a Radix Dialog with the keyboard-shortcut */\n/* cheat sheet (all strings translated). */\n/* */\n/* TODO: dynamic `import()` of heavier extensions (image, table) once */\n/* the bundle-split story is set up. */\n/* ------------------------------------------------------------------ */\n\nimport {\n forwardRef,\n useCallback,\n useEffect,\n useId,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n type KeyboardEvent as ReactKeyboardEvent,\n type MouseEvent as ReactMouseEvent,\n type ReactNode,\n} from 'react';\nimport { useEditor, EditorContent, type Editor } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport Link from '@tiptap/extension-link';\nimport Image from '@tiptap/extension-image';\nimport { Table } from '@tiptap/extension-table';\nimport TableRow from '@tiptap/extension-table-row';\nimport TableCell from '@tiptap/extension-table-cell';\nimport TableHeader from '@tiptap/extension-table-header';\nimport { Markdown } from 'tiptap-markdown';\nimport DOMPurify, { type Config as DOMPurifyConfig } from 'dompurify';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport {\n Bold,\n Italic,\n Link2,\n List,\n ListOrdered,\n Quote,\n Image as ImageIcon,\n Table as TableIcon,\n Code,\n Minus,\n Undo,\n Redo,\n ChevronDown,\n X,\n} from 'lucide-react';\n\nimport '../../tokens/themes/bridges/tiptap-theme.css';\n\nimport { safeImageSrc } from '../_shared';\n\n/* ------------------------------------------------------------------ */\n/* Sanitisation */\n/* ------------------------------------------------------------------ */\n\n// DOMPurify strips all `on*` attributes by defaults; the explicit FORBID_ATTR\n// list is defence-in-depth, not a replacement for defaults. FORBID_TAGS adds\n// tags that aren't stripped by defaults in every configuration: `<form>` (CSRF\n// via action injection), `<object>`/`<embed>` (plugin surface), `<base>`/\n// `<meta>` (URL rewriting). See user story security-hardening.mdx.\nconst PURIFY_CONFIG: DOMPurifyConfig = {\n FORBID_TAGS: [\n 'script',\n 'style',\n 'iframe',\n 'object',\n 'embed',\n 'form',\n 'base',\n 'meta',\n ],\n FORBID_ATTR: [\n 'onerror',\n 'onclick',\n 'onload',\n 'onmouseover',\n 'onfocus',\n 'onblur',\n ],\n};\n\nfunction sanitiseHtml(input: string): string {\n return DOMPurify.sanitize(input, PURIFY_CONFIG) as unknown as string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Public types */\n/* ------------------------------------------------------------------ */\n\nexport type RichTextEditorToolbar = 'minimal' | 'standard' | 'full';\n\nexport interface RichTextEditorProps {\n /** HTML or Markdown initial value. Runs through DOMPurify. */\n defaultValue?: string;\n /** Controlled value (HTML). */\n value?: string;\n /** Emits on every change — debounced by 100ms. */\n onChange?: (payload: { html: string; markdown: string }) => void;\n /** Toolbar preset. */\n toolbar?: RichTextEditorToolbar;\n /** Placeholder text — translates via useTranslation if omitted. */\n placeholder?: string;\n /** Read-only mode. */\n readOnly?: boolean;\n /** Accessible name for the editing region. */\n ariaLabel?: string;\n /** Size variant for the minimum block-size of the editing region. */\n minHeight?: 'sm' | 'md' | 'lg';\n /** Extra class names on the wrapper. */\n className?: string;\n}\n\nexport interface RichTextEditorHandle {\n getHTML: () => string;\n getMarkdown: () => string;\n /** HTML goes through DOMPurify before reaching Tiptap. */\n setContent: (html: string) => void;\n focus: () => void;\n clear: () => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva(\n 'tiptap-theme-alfadocs ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n);\n\nconst toolbarVariants = cva(\n [\n 'ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]',\n 'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]',\n 'ds:bg-[var(--background)] ds:p-[var(--spacing-xs)]',\n ].join(' '),\n {\n variants: {\n direction: {\n ltr: '',\n rtl: 'ds:flex-row-reverse',\n },\n },\n defaultVariants: { direction: 'ltr' },\n },\n);\n\nconst toolbarButtonVariants = cva(\n [\n 'ds:inline-flex ds:items-center ds:justify-center',\n 'ds:min-block-size-[var(--min-target-size)]',\n 'ds:min-inline-size-[var(--min-target-size)]',\n 'ds:gap-[var(--spacing-xs)]',\n 'ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:text-[var(--foreground)]',\n 'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:hover:bg-[var(--muted)]',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[var(--ring)]',\n 'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n ].join(' '),\n {\n variants: {\n pressed: {\n true: 'ds:bg-[var(--muted)] ds:text-[var(--primary)]',\n false: '',\n },\n disabled: {\n true: 'ds:opacity-[var(--opacity-50)] ds:cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: { pressed: false, disabled: false },\n },\n);\n\nconst editorSurfaceVariants = cva(\n [\n 'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]',\n 'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Toolbar presets — which commands to expose */\n/* ------------------------------------------------------------------ */\n\ntype ToolbarItemKey =\n | 'bold'\n | 'italic'\n | 'link'\n | 'heading'\n | 'bulletList'\n | 'orderedList'\n | 'quote'\n | 'image'\n | 'table'\n | 'codeBlock'\n | 'horizontalRule'\n | 'undo'\n | 'redo';\n\nconst PRESETS: Record<RichTextEditorToolbar, ToolbarItemKey[]> = {\n minimal: ['bold', 'italic', 'link'],\n standard: [\n 'bold',\n 'italic',\n 'link',\n 'heading',\n 'bulletList',\n 'orderedList',\n 'quote',\n ],\n full: [\n 'bold',\n 'italic',\n 'link',\n 'heading',\n 'bulletList',\n 'orderedList',\n 'quote',\n 'image',\n 'table',\n 'codeBlock',\n 'horizontalRule',\n 'undo',\n 'redo',\n ],\n};\n\n/* ------------------------------------------------------------------ */\n/* Heading dropdown (Radix-free to keep the toolbar in one <div>) */\n/* The dropdown is a `details`-free popover implemented with a button */\n/* + a collapsible listbox wired into the roving-tabindex loop. */\n/* ------------------------------------------------------------------ */\n\ninterface HeadingSelectProps {\n editor: Editor;\n registerRef: (el: HTMLButtonElement | null) => void;\n tabIndex: number;\n onFocus: () => void;\n onKeyDown: (event: ReactKeyboardEvent<HTMLButtonElement>) => void;\n label: string;\n disabled: boolean;\n pressed: boolean;\n}\n\nfunction HeadingSelect({\n editor,\n registerRef,\n tabIndex,\n onFocus,\n onKeyDown,\n label,\n disabled,\n pressed,\n}: HeadingSelectProps): ReactNode {\n const [open, setOpen] = useState(false);\n const rootRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!open) return undefined;\n function handler(event: globalThis.MouseEvent) {\n const target = event.target as Node | null;\n if (rootRef.current && target && !rootRef.current.contains(target)) {\n setOpen(false);\n }\n }\n document.addEventListener('mousedown', handler);\n return () => document.removeEventListener('mousedown', handler);\n }, [open]);\n\n function apply(level: 1 | 2 | 3): void {\n editor.chain().focus().toggleHeading({ level }).run();\n setOpen(false);\n }\n\n return (\n <div ref={rootRef} className=\"ds:relative ds:inline-flex\">\n <button\n type=\"button\"\n ref={registerRef}\n tabIndex={tabIndex}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onClick={() => {\n if (!disabled) setOpen((v) => !v);\n }}\n aria-haspopup=\"listbox\"\n aria-expanded={open}\n aria-disabled={disabled || undefined}\n aria-label={label}\n title={label}\n className={toolbarButtonVariants({ pressed, disabled })}\n >\n <span aria-hidden=\"true\" className=\"ds:text-[length:var(--font-size-sm)] ds:font-semibold\">\n H\n </span>\n <ChevronDown aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />\n </button>\n {open && !disabled ? (\n <ul\n role=\"listbox\"\n aria-label={label}\n className={[\n 'ds:absolute ds:top-full ds:mt-[var(--spacing-xs)] ds:start-0 ds:z-[var(--z-dropdown)]',\n 'ds:min-inline-size-[8rem] ds:rounded-[var(--radius-md)]',\n 'ds:border ds:border-[color:var(--border)] ds:bg-[var(--background)]',\n 'ds:shadow-[var(--shadow-lg)] ds:p-[var(--spacing-xs)]',\n ].join(' ')}\n >\n {[1, 2, 3].map((level) => (\n <li key={level} role=\"none\">\n <button\n type=\"button\"\n role=\"option\"\n aria-selected={editor.isActive('heading', { level }) || undefined}\n onClick={() => apply(level as 1 | 2 | 3)}\n className={[\n 'ds:flex ds:w-full ds:items-center',\n 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n 'ds:min-block-size-[var(--min-target-size)]',\n 'ds:rounded-[var(--radius-sm)] ds:text-start',\n 'ds:hover:bg-[var(--muted)]',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[var(--ring)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n ].join(' ')}\n >\n {`H${level}`}\n </button>\n </li>\n ))}\n </ul>\n ) : null}\n </div>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* Keyboard-shortcuts cheat sheet */\n/* ------------------------------------------------------------------ */\n\ninterface ShortcutsDialogProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n}\n\nfunction ShortcutsDialog({ open, onOpenChange }: ShortcutsDialogProps): ReactNode {\n const { t } = useTranslation();\n return (\n <RadixDialog.Root open={open} onOpenChange={onOpenChange}>\n <RadixDialog.Portal>\n <RadixDialog.Overlay\n className={[\n 'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n 'ds:bg-[var(--background)]/[var(--opacity-70)]',\n 'ds:backdrop-blur-sm',\n ].join(' ')}\n />\n <RadixDialog.Content\n className={[\n 'ds:fixed ds:z-[var(--z-modal)]',\n 'ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2',\n 'ds:w-[calc(100%-var(--spacing-lg)*2)] ds:max-w-[var(--dialog-width-md)]',\n 'ds:rounded-[var(--radius-lg)]',\n 'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n 'ds:shadow-[var(--shadow-xl)] ds:p-[var(--spacing-lg)]',\n 'ds:focus-visible:outline-none',\n ].join(' ')}\n >\n <div className=\"ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-md)]\">\n <RadixDialog.Title\n className=\"type-title-card ds:leading-snug\"\n >\n {t('editor.shortcuts.title')}\n </RadixDialog.Title>\n <RadixDialog.Close asChild>\n <button\n type=\"button\"\n aria-label={t('editor.shortcuts.close')}\n className={[\n 'ds:inline-flex ds:items-center ds:justify-center',\n 'ds:min-block-size-[var(--min-target-size)]',\n 'ds:min-inline-size-[var(--min-target-size)]',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:hover:bg-[var(--muted)]',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[var(--ring)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n ].join(' ')}\n >\n <X aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />\n </button>\n </RadixDialog.Close>\n </div>\n <ul className=\"ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n {[\n { key: 'editor.shortcuts.bold', combo: '⌘/Ctrl + B' },\n { key: 'editor.shortcuts.italic', combo: '⌘/Ctrl + I' },\n { key: 'editor.shortcuts.link', combo: '⌘/Ctrl + K' },\n { key: 'editor.shortcuts.undo', combo: '⌘/Ctrl + Z' },\n { key: 'editor.shortcuts.redo', combo: '⌘/Ctrl + Shift + Z' },\n { key: 'editor.shortcuts.open', combo: '⌘/Ctrl + /' },\n ].map((row) => (\n <li\n key={row.key}\n className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-md)]\"\n >\n <span className=\"ds:text-[length:var(--font-size-sm)]\">{t(row.key)}</span>\n <kbd\n className={[\n 'ds:font-[var(--font-mono)] ds:text-[length:var(--font-size-xs)]',\n 'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n 'ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]',\n ].join(' ')}\n >\n {row.combo}\n </kbd>\n </li>\n ))}\n </ul>\n </RadixDialog.Content>\n </RadixDialog.Portal>\n </RadixDialog.Root>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* RichTextEditor */\n/* ------------------------------------------------------------------ */\n\nexport const RichTextEditor = forwardRef<RichTextEditorHandle, RichTextEditorProps>(\n (\n {\n defaultValue,\n value,\n onChange,\n toolbar = 'standard',\n placeholder,\n readOnly = false,\n ariaLabel,\n minHeight,\n className,\n },\n ref,\n ) => {\n const { t } = useTranslation();\n const rawId = useId();\n const editorId = useMemo(\n () => `rte-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n [rawId],\n );\n\n const [isRtl, setIsRtl] = useState(false);\n useEffect(() => {\n if (typeof document === 'undefined') return;\n setIsRtl(document.documentElement.dir === 'rtl');\n }, []);\n\n const [shortcutsOpen, setShortcutsOpen] = useState(false);\n\n /* ---- onChange debounce ref ----------------------------------- */\n const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const onChangeRef = useRef<RichTextEditorProps['onChange']>(onChange);\n useEffect(() => {\n onChangeRef.current = onChange;\n }, [onChange]);\n\n /* ---- Tiptap editor ------------------------------------------- */\n const initialContent = useMemo(() => {\n const raw = value ?? defaultValue ?? '';\n return raw ? sanitiseHtml(raw) : '';\n }, [defaultValue, value]);\n\n const editor = useEditor({\n extensions: [\n StarterKit.configure({\n heading: { levels: [1, 2, 3] },\n }),\n Link.configure({\n protocols: ['http', 'https', 'mailto', 'tel'],\n HTMLAttributes: {\n rel: 'noopener noreferrer',\n target: '_blank',\n },\n validate: (href: string) => /^(https?:|mailto:|tel:)/i.test(href),\n }),\n Image,\n Table.configure({ resizable: false }),\n TableRow,\n TableCell,\n TableHeader,\n Markdown.configure({\n html: false,\n transformPastedText: true,\n }),\n ],\n content: initialContent,\n editable: !readOnly,\n immediatelyRender: false,\n shouldRerenderOnTransaction: true,\n editorProps: {\n attributes: {\n role: 'textbox',\n 'aria-multiline': 'true',\n 'aria-label': ariaLabel ?? t('editor.placeholder'),\n 'data-placeholder': placeholder ?? t('editor.placeholder'),\n },\n transformPastedHTML(html: string): string {\n return sanitiseHtml(html);\n },\n handleKeyDown(_, event): boolean {\n if ((event.metaKey || event.ctrlKey) && event.key === '/') {\n event.preventDefault();\n setShortcutsOpen(true);\n return true;\n }\n return false;\n },\n },\n onUpdate({ editor: updatedEditor }) {\n if (!onChangeRef.current) return;\n if (debounceRef.current) clearTimeout(debounceRef.current);\n debounceRef.current = setTimeout(() => {\n const html = updatedEditor.getHTML();\n const storage = updatedEditor.storage as { markdown?: { getMarkdown: () => string } };\n const markdown = storage.markdown?.getMarkdown?.() ?? '';\n onChangeRef.current?.({ html, markdown });\n }, 100);\n },\n });\n\n /* ---- Cleanup debounce on unmount ----------------------------- */\n useEffect(() => {\n return () => {\n if (debounceRef.current) clearTimeout(debounceRef.current);\n };\n }, []);\n\n /* ---- Keep readOnly in sync with prop ------------------------- */\n useEffect(() => {\n if (!editor) return;\n editor.setEditable(!readOnly);\n }, [editor, readOnly]);\n\n /* ---- Keep controlled `value` in sync ------------------------- */\n useEffect(() => {\n if (!editor || value === undefined) return;\n const current = editor.getHTML();\n if (current === value) return;\n const safe = sanitiseHtml(value);\n editor.commands.setContent(safe, { emitUpdate: false });\n }, [editor, value]);\n\n /* ---- Imperative handle --------------------------------------- */\n useImperativeHandle(\n ref,\n () => ({\n getHTML(): string {\n return editor?.getHTML() ?? '';\n },\n getMarkdown(): string {\n if (!editor) return '';\n const storage = editor.storage as {\n markdown?: { getMarkdown: () => string };\n };\n return storage.markdown?.getMarkdown?.() ?? '';\n },\n setContent(html: string): void {\n if (!editor) return;\n const safe = sanitiseHtml(html);\n editor.commands.setContent(safe);\n },\n focus(): void {\n editor?.commands.focus();\n },\n clear(): void {\n editor?.commands.clearContent();\n },\n }),\n [editor],\n );\n\n /* ---- Toolbar roving tabindex --------------------------------- */\n const buttonsRef = useRef<Array<HTMLButtonElement | null>>([]);\n const [focusIndex, setFocusIndex] = useState(0);\n\n const items = useMemo(() => PRESETS[toolbar], [toolbar]);\n\n const registerButton = useCallback(\n (index: number) => (el: HTMLButtonElement | null) => {\n buttonsRef.current[index] = el;\n },\n [],\n );\n\n const focusButton = useCallback((index: number) => {\n const btn = buttonsRef.current[index];\n if (btn) btn.focus();\n }, []);\n\n const handleToolbarKeyDown = useCallback(\n (event: ReactKeyboardEvent<HTMLButtonElement>) => {\n const count = items.length;\n if (count === 0) return;\n // In RTL, Left/Right arrows swap inline meaning.\n const forward = isRtl ? 'ArrowLeft' : 'ArrowRight';\n const backward = isRtl ? 'ArrowRight' : 'ArrowLeft';\n\n let next: number | null = null;\n if (event.key === forward) next = (focusIndex + 1) % count;\n else if (event.key === backward) next = (focusIndex - 1 + count) % count;\n else if (event.key === 'Home') next = 0;\n else if (event.key === 'End') next = count - 1;\n\n if (next !== null) {\n event.preventDefault();\n setFocusIndex(next);\n focusButton(next);\n }\n },\n [focusIndex, focusButton, isRtl, items.length],\n );\n\n /* ---- Link handler ------------------------------------------- */\n const promptForLink = useCallback(\n (event: ReactMouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n if (!editor) return;\n const existing = editor.getAttributes('link').href as string | undefined;\n const raw = window.prompt(t('editor.link.insert'), existing ?? '');\n if (raw === null) return;\n const trimmed = raw.trim();\n if (trimmed === '') {\n editor.chain().focus().unsetLink().run();\n return;\n }\n if (!/^(https?:|mailto:|tel:)/i.test(trimmed)) {\n // Reject unsafe scheme silently — validate() in the extension also\n // blocks it, but we short-circuit before Tiptap ever sees it.\n return;\n }\n editor.chain().focus().extendMarkRange('link').setLink({ href: trimmed }).run();\n },\n [editor, t],\n );\n\n /* ---- Image handler ------------------------------------------ */\n // Raster-only via the shared allow-list — rejects data:image/svg+xml and\n // other XSS vectors. Sharing the helper keeps the two call sites from\n // drifting. See security-hardening.mdx.\n const promptForImage = useCallback(() => {\n if (!editor) return;\n const raw = window.prompt(t('editor.image.insert'), '');\n if (raw === null) return;\n const validated = safeImageSrc(raw);\n if (!validated) return;\n editor.chain().focus().setImage({ src: validated }).run();\n }, [editor, t]);\n\n /* ---- Render button map -------------------------------------- */\n function renderItem(\n key: ToolbarItemKey,\n index: number,\n ): ReactNode {\n if (!editor) return null;\n\n const registerRef = registerButton(index);\n const common = {\n tabIndex: index === focusIndex ? 0 : -1,\n onFocus: () => setFocusIndex(index),\n onKeyDown: handleToolbarKeyDown,\n };\n\n const buttonClass = (pressed: boolean, disabled: boolean): string =>\n toolbarButtonVariants({ pressed, disabled });\n\n function toggleButton(opts: {\n label: string;\n pressed: boolean;\n disabled: boolean;\n /** Space-separated modifier+key strings, e.g. \"Control+B Meta+B\". */\n shortcut?: string;\n onActivate: () => void;\n icon: ReactNode;\n }): ReactNode {\n return (\n <button\n type=\"button\"\n ref={registerRef}\n {...common}\n aria-label={opts.label}\n aria-pressed={opts.pressed}\n aria-disabled={opts.disabled || undefined}\n aria-keyshortcuts={opts.shortcut}\n title={opts.label}\n onClick={(event) => {\n event.preventDefault();\n if (!opts.disabled) opts.onActivate();\n }}\n className={buttonClass(opts.pressed, opts.disabled)}\n >\n {opts.icon}\n </button>\n );\n }\n\n function actionButton(opts: {\n label: string;\n disabled: boolean;\n shortcut?: string;\n onActivate: (event: ReactMouseEvent<HTMLButtonElement>) => void;\n icon: ReactNode;\n }): ReactNode {\n return (\n <button\n type=\"button\"\n ref={registerRef}\n {...common}\n aria-label={opts.label}\n aria-disabled={opts.disabled || undefined}\n aria-keyshortcuts={opts.shortcut}\n title={opts.label}\n onClick={(event) => {\n if (opts.disabled) {\n event.preventDefault();\n return;\n }\n opts.onActivate(event);\n }}\n className={buttonClass(false, opts.disabled)}\n >\n {opts.icon}\n </button>\n );\n }\n\n switch (key) {\n case 'bold':\n return toggleButton({\n label: t('editor.bold'),\n pressed: editor.isActive('bold'),\n disabled: readOnly,\n shortcut: 'Control+B Meta+B',\n onActivate: () => editor.chain().focus().toggleBold().run(),\n icon: <Bold aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />,\n });\n case 'italic':\n return toggleButton({\n label: t('editor.italic'),\n pressed: editor.isActive('italic'),\n disabled: readOnly,\n shortcut: 'Control+I Meta+I',\n onActivate: () => editor.chain().focus().toggleItalic().run(),\n icon: <Italic aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />,\n });\n case 'link':\n return actionButton({\n label: t('editor.link.insert'),\n disabled: readOnly,\n shortcut: 'Control+K Meta+K',\n onActivate: promptForLink,\n icon: <Link2 aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />,\n });\n case 'heading':\n return (\n <HeadingSelect\n editor={editor}\n registerRef={registerRef}\n tabIndex={index === focusIndex ? 0 : -1}\n onFocus={() => setFocusIndex(index)}\n onKeyDown={handleToolbarKeyDown}\n label={t('editor.heading')}\n disabled={readOnly}\n pressed={\n editor.isActive('heading', { level: 1 }) ||\n editor.isActive('heading', { level: 2 }) ||\n editor.isActive('heading', { level: 3 })\n }\n />\n );\n case 'bulletList':\n return toggleButton({\n label: t('editor.list.bullet'),\n pressed: editor.isActive('bulletList'),\n disabled: readOnly,\n onActivate: () => editor.chain().focus().toggleBulletList().run(),\n icon: <List aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />,\n });\n case 'orderedList':\n return toggleButton({\n label: t('editor.list.ordered'),\n pressed: editor.isActive('orderedList'),\n disabled: readOnly,\n onActivate: () => editor.chain().focus().toggleOrderedList().run(),\n icon: <ListOrdered aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />,\n });\n case 'quote':\n return toggleButton({\n label: t('editor.quote'),\n pressed: editor.isActive('blockquote'),\n disabled: readOnly,\n onActivate: () => editor.chain().focus().toggleBlockquote().run(),\n icon: <Quote aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />,\n });\n case 'image':\n return actionButton({\n label: t('editor.image.insert'),\n disabled: readOnly,\n onActivate: promptForImage,\n icon: <ImageIcon aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />,\n });\n case 'table':\n return actionButton({\n label: t('editor.table.insert'),\n disabled: readOnly,\n onActivate: () =>\n editor\n .chain()\n .focus()\n .insertTable({ rows: 3, cols: 3, withHeaderRow: true })\n .run(),\n icon: <TableIcon aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />,\n });\n case 'codeBlock':\n return toggleButton({\n label: t('editor.codeBlock'),\n pressed: editor.isActive('codeBlock'),\n disabled: readOnly,\n onActivate: () => editor.chain().focus().toggleCodeBlock().run(),\n icon: <Code aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />,\n });\n case 'horizontalRule':\n return actionButton({\n label: t('editor.horizontalRule'),\n disabled: readOnly,\n onActivate: () => editor.chain().focus().setHorizontalRule().run(),\n icon: <Minus aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />,\n });\n case 'undo':\n return actionButton({\n label: t('editor.undo'),\n disabled: readOnly || !editor.can().undo(),\n shortcut: 'Control+Z Meta+Z',\n onActivate: () => editor.chain().focus().undo().run(),\n icon: <Undo aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />,\n });\n case 'redo':\n return actionButton({\n label: t('editor.redo'),\n disabled: readOnly || !editor.can().redo(),\n shortcut: 'Control+Shift+Z Meta+Shift+Z',\n onActivate: () => editor.chain().focus().redo().run(),\n icon: <Redo aria-hidden=\"true\" className=\"ds:block-size-4 ds:inline-size-4\" />,\n });\n default:\n return null;\n }\n }\n\n /* ---- Compose min-height class ------------------------------- */\n // `minHeight` is a size-variant keyword, not a raw CSS value, so we\n // pick a pre-authored Tailwind utility. The tiptap-theme.css bridge\n // already sets a sensible default (`min-block-size: 10rem`) on the\n // editing surface; consumers wanting taller/shorter regions can pass\n // 'sm' / 'md' / 'lg'.\n const minHeightClass = (() => {\n switch (minHeight) {\n case 'sm':\n return 'min-block-size-[8rem]';\n case 'md':\n return 'min-block-size-[16rem]';\n case 'lg':\n return 'min-block-size-[24rem]';\n default:\n return undefined;\n }\n })();\n\n return (\n <div\n id={editorId}\n className={[wrapperVariants(), className].filter(Boolean).join(' ')}\n dir={isRtl ? 'rtl' : undefined}\n data-component=\"rich-text-editor\"\n >\n {!readOnly ? (\n <div\n role=\"toolbar\"\n aria-label={t('editor.toolbarLabel')}\n className={toolbarVariants({ direction: isRtl ? 'rtl' : 'ltr' })}\n >\n {items.map((key, index) => (\n <span key={key} className=\"ds:contents\">\n {renderItem(key, index)}\n </span>\n ))}\n </div>\n ) : null}\n\n <div\n className={[editorSurfaceVariants(), minHeightClass]\n .filter(Boolean)\n .join(' ')}\n >\n <EditorContent editor={editor} />\n </div>\n\n <ShortcutsDialog open={shortcutsOpen} onOpenChange={setShortcutsOpen} />\n </div>\n );\n },\n);\n\nRichTextEditor.displayName = 'RichTextEditor';\n\nexport {\n toolbarButtonVariants,\n toolbarVariants,\n wrapperVariants,\n editorSurfaceVariants,\n};\n","import type { AgentAdapter } from '../../agent/types';\nimport type { RichTextEditorHandle } from './rich-text-editor';\n\nexport const richTextEditorAgent: AgentAdapter<RichTextEditorHandle> = {\n id: 'rich-text-editor',\n capabilities: ['edit_inline'],\n state: {\n html: {\n type: 'string',\n description: 'Sanitised HTML representation of the editor content.',\n read: (handle) => handle.getHTML(),\n },\n markdown: {\n type: 'string',\n description: 'Markdown representation of the editor content.',\n read: (handle) => handle.getMarkdown(),\n },\n },\n actions: {\n set_content: {\n safety: 'destructive',\n argsType: '{ html: string }',\n description: 'Replace the editor content. Loses unsaved input.',\n invoke: (handle, args: { html: string }) => {\n handle.setContent(args.html);\n },\n },\n clear: {\n safety: 'destructive',\n description: 'Empty the editor. Loses unsaved input.',\n invoke: (handle) => {\n handle.clear();\n },\n },\n focus: {\n safety: 'read',\n description: 'Move keyboard focus to the editor surface.',\n invoke: (handle) => {\n handle.focus();\n },\n },\n },\n domHooks: {\n root: { attr: 'data-component', value: 'rich-text-editor' },\n },\n};\n"],"names":["__iconNode","Bold","createLucideIcon","Code","Image","Italic","Link2","ListOrdered","List","Minus","Quote","Redo","Table","Undo","PURIFY_CONFIG","sanitiseHtml","input","DOMPurify","wrapperVariants","cva","toolbarVariants","toolbarButtonVariants","editorSurfaceVariants","PRESETS","HeadingSelect","editor","registerRef","tabIndex","onFocus","onKeyDown","label","disabled","pressed","open","setOpen","useState","rootRef","useRef","useEffect","handler","event","target","apply","level","jsxs","v","jsx","ChevronDown","ShortcutsDialog","onOpenChange","t","useTranslation","RadixDialog","X","row","RichTextEditor","forwardRef","defaultValue","value","onChange","toolbar","placeholder","readOnly","ariaLabel","minHeight","className","ref","rawId","useId","editorId","useMemo","isRtl","setIsRtl","shortcutsOpen","setShortcutsOpen","debounceRef","onChangeRef","initialContent","raw","useEditor","StarterKit","Link","href","TableRow","TableCell","TableHeader","Markdown","html","_","updatedEditor","markdown","_b","_a","_c","safe","useImperativeHandle","buttonsRef","focusIndex","setFocusIndex","items","registerButton","useCallback","index","el","focusButton","btn","handleToolbarKeyDown","count","forward","backward","next","promptForLink","existing","trimmed","promptForImage","validated","safeImageSrc","renderItem","key","common","buttonClass","toggleButton","opts","actionButton","ImageIcon","TableIcon","minHeightClass","EditorContent","richTextEditorAgent","handle","args"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA,EAAE,GAAG,yEAAyE,KAAK,SAAQ;AAAA,EAC/F;AACA,GACMC,KAAOC,EAAiB,QAAQF,EAAU;ACfhD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,kBAAkB,KAAK,QAAO,CAAE;AAAA,EAC9C,CAAC,QAAQ,EAAE,GAAG,gBAAgB,KAAK,SAAQ,CAAE;AAC/C,GACMG,KAAOD,EAAiB,QAAQF,EAAU;ACbhD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,OAAO,MAAM,QAAQ,MAAM,GAAG,KAAK,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,UAAU;AAAA,EACvF,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,KAAK,GAAG,KAAK,KAAK,UAAU;AAAA,EACtD,CAAC,QAAQ,EAAE,GAAG,6CAA6C,KAAK,SAAQ,CAAE;AAC5E,GACMI,KAAQF,EAAiB,SAASF,EAAU;ACdlD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,KAAK,SAAQ,CAAE;AAAA,EAChE,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,KAAK,IAAI,MAAM,IAAI,MAAM,KAAK,SAAQ,CAAE;AAAA,EACjE,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,KAAK,SAAQ,CAAE;AAClE,GACMK,KAASH,EAAiB,UAAUF,EAAU;ACdpD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,2BAA2B,KAAK,SAAQ,CAAE;AAAA,EACxD,CAAC,QAAQ,EAAE,GAAG,6BAA6B,KAAK,SAAQ,CAAE;AAAA,EAC1D,CAAC,QAAQ,EAAE,IAAI,KAAK,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,KAAK,SAAQ,CAAE;AACnE,GACMM,KAAQJ,EAAiB,UAAUF,EAAU;ACdnD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,aAAa,KAAK,SAAQ,CAAE;AAAA,EAC1C,CAAC,QAAQ,EAAE,GAAG,aAAa,KAAK,SAAQ,CAAE;AAAA,EAC1C,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,UAAU,KAAK,SAAQ,CAAE;AAAA,EACvC,CAAC,QAAQ,EAAE,GAAG,4DAA4D,KAAK,SAAQ,CAAE;AAC3F,GACMO,KAAcL,EAAiB,gBAAgBF,EAAU;ACjB/D;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,aAAa,KAAK,SAAQ,CAAE;AAAA,EAC1C,CAAC,QAAQ,EAAE,GAAG,aAAa,KAAK,SAAQ,CAAE;AAAA,EAC1C,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAC3C,GACMQ,KAAON,EAAiB,QAAQF,EAAU;ACjBhD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa,CAAC,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE,CAAC,GACxDS,KAAQP,EAAiB,SAASF,EAAU;ACVlD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AACA,GACMU,KAAQR,EAAiB,SAASF,EAAU;ACzBlD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAAA,EAC3C,CAAC,QAAQ,EAAE,GAAG,6CAA6C,KAAK,SAAQ,CAAE;AAC5E,GACMW,KAAOT,EAAiB,QAAQF,EAAU;ACbhD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,OAAO,MAAM,QAAQ,MAAM,GAAG,KAAK,GAAG,KAAK,IAAI,KAAK,KAAK,SAAQ,CAAE;AAAA,EAC9E,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAC3C,GACMY,KAAQV,EAAiB,SAASF,EAAU;ACflD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,6CAA6C,KAAK,SAAQ,CAAE;AAC5E,GACMa,KAAOX,EAAiB,QAAQF,EAAU,GCuE1Cc,KAAiC;AAAA,EACrC,aAAa;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,aAAa;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;AAEA,SAASC,EAAaC,GAAuB;AAC3C,SAAOC,GAAU,SAASD,GAAOF,EAAa;AAChD;AA0CA,MAAMI,KAAkBC;AAAA,EACtB;AACF,GAEMC,KAAkBD;AAAA,EACtB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAAA,IACP;AAAA,IAEF,iBAAiB,EAAE,WAAW,MAAA;AAAA,EAAM;AAExC,GAEME,IAAwBF;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,EAAE,SAAS,IAAO,UAAU,GAAA;AAAA,EAAM;AAEvD,GAEMG,KAAwBH;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAqBMI,KAA2D;AAAA,EAC/D,SAAS,CAAC,QAAQ,UAAU,MAAM;AAAA,EAClC,UAAU;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;AAmBA,SAASC,GAAc;AAAA,EACrB,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACF,GAAkC;AAChC,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAUC,EAAuB,IAAI;AAE3C,EAAAC,EAAU,MAAM;AACd,QAAI,CAACL,EAAM;AACX,aAASM,EAAQC,GAA8B;AAC7C,YAAMC,IAASD,EAAM;AACrB,MAAIJ,EAAQ,WAAWK,KAAU,CAACL,EAAQ,QAAQ,SAASK,CAAM,KAC/DP,EAAQ,EAAK;AAAA,IAEjB;AACA,oBAAS,iBAAiB,aAAaK,CAAO,GACvC,MAAM,SAAS,oBAAoB,aAAaA,CAAO;AAAA,EAChE,GAAG,CAACN,CAAI,CAAC;AAET,WAASS,EAAMC,GAAwB;AACrC,IAAAlB,EAAO,MAAA,EAAQ,MAAA,EAAQ,cAAc,EAAE,OAAAkB,EAAA,CAAO,EAAE,IAAA,GAChDT,EAAQ,EAAK;AAAA,EACf;AAEA,SACE,gBAAAU,EAAC,OAAA,EAAI,KAAKR,GAAS,WAAU,8BAC3B,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAKlB;AAAA,QACL,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,WAAAC;AAAA,QACA,SAAS,MAAM;AACb,UAAKE,KAAUG,EAAQ,CAACW,MAAM,CAACA,CAAC;AAAA,QAClC;AAAA,QACA,iBAAc;AAAA,QACd,iBAAeZ;AAAA,QACf,iBAAeF,KAAY;AAAA,QAC3B,cAAYD;AAAA,QACZ,OAAOA;AAAA,QACP,WAAWT,EAAsB,EAAE,SAAAW,GAAS,UAAAD,GAAU;AAAA,QAEtD,UAAA;AAAA,UAAA,gBAAAe,EAAC,QAAA,EAAK,eAAY,QAAO,WAAU,yDAAwD,UAAA,KAE3F;AAAA,UACA,gBAAAA,EAACC,IAAA,EAAY,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAE9Ed,KAAQ,CAACF,IACR,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAYhB;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QAET,UAAA,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAACa,MACd,gBAAAG,EAAC,MAAA,EAAe,MAAK,QACnB,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,iBAAerB,EAAO,SAAS,WAAW,EAAE,OAAAkB,EAAA,CAAO,KAAK;AAAA,YACxD,SAAS,MAAMD,EAAMC,CAAkB;AAAA,YACvC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA,EACA,KAAK,GAAG;AAAA,YAET,cAAIA,CAAK;AAAA,UAAA;AAAA,QAAA,EACZ,GAnBOA,CAoBT,CACD;AAAA,MAAA;AAAA,IAAA,IAED;AAAA,EAAA,GACN;AAEJ;AAWA,SAASK,GAAgB,EAAE,MAAAf,GAAM,cAAAgB,KAAiD;AAChF,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AACd,SACE,gBAAAL,EAACM,EAAY,MAAZ,EAAiB,MAAAnB,GAAY,cAAAgB,GAC5B,UAAA,gBAAAL,EAACQ,EAAY,QAAZ,EACC,UAAA;AAAA,IAAA,gBAAAN;AAAA,MAACM,EAAY;AAAA,MAAZ;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAR;AAAA,MAACQ,EAAY;AAAA,MAAZ;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,wEACb,UAAA;AAAA,YAAA,gBAAAE;AAAA,cAACM,EAAY;AAAA,cAAZ;AAAA,gBACC,WAAU;AAAA,gBAET,YAAE,wBAAwB;AAAA,cAAA;AAAA,YAAA;AAAA,YAE7B,gBAAAN,EAACM,EAAY,OAAZ,EAAkB,SAAO,IACxB,UAAA,gBAAAN;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAYI,EAAE,wBAAwB;AAAA,gBACtC,WAAW;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,gBAAA,EACA,KAAK,GAAG;AAAA,gBAEV,UAAA,gBAAAJ,EAACO,IAAA,EAAE,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,cAAA;AAAA,YAAA,EACrE,CACF;AAAA,UAAA,GACF;AAAA,UACA,gBAAAP,EAAC,MAAA,EAAG,WAAU,4EACX,UAAA;AAAA,YACC,EAAE,KAAK,yBAAyB,OAAO,aAAA;AAAA,YACvC,EAAE,KAAK,2BAA2B,OAAO,aAAA;AAAA,YACzC,EAAE,KAAK,yBAAyB,OAAO,aAAA;AAAA,YACvC,EAAE,KAAK,yBAAyB,OAAO,aAAA;AAAA,YACvC,EAAE,KAAK,yBAAyB,OAAO,qBAAA;AAAA,YACvC,EAAE,KAAK,yBAAyB,OAAO,aAAA;AAAA,UAAa,EACpD,IAAI,CAACQ,MACL,gBAAAV;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAE,EAAC,UAAK,WAAU,wCAAwC,UAAAI,EAAEI,EAAI,GAAG,GAAE;AAAA,gBACnE,gBAAAR;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA,sBACT;AAAA,sBACA;AAAA,sBACA;AAAA,oBAAA,EACA,KAAK,GAAG;AAAA,oBAET,UAAAQ,EAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACP;AAAA,YAAA;AAAA,YAZKA,EAAI;AAAA,UAAA,CAcZ,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;AAMO,MAAMC,KAAiBC;AAAA,EAC5B,CACE;AAAA,IACE,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,aAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAM,EAAE,GAAAhB,EAAA,IAAMC,EAAA,GACRgB,IAAQC,GAAA,GACRC,IAAWC;AAAA,MACf,MAAM,OAAOH,EAAM,QAAQ,mBAAmB,EAAE,CAAC;AAAA,MACjD,CAACA,CAAK;AAAA,IAAA,GAGF,CAACI,GAAOC,CAAQ,IAAIrC,EAAS,EAAK;AACxC,IAAAG,EAAU,MAAM;AACd,MAAI,OAAO,WAAa,OACxBkC,EAAS,SAAS,gBAAgB,QAAQ,KAAK;AAAA,IACjD,GAAG,CAAA,CAAE;AAEL,UAAM,CAACC,GAAeC,CAAgB,IAAIvC,EAAS,EAAK,GAGlDwC,IAActC,EAA6C,IAAI,GAC/DuC,IAAcvC,EAAwCsB,CAAQ;AACpE,IAAArB,EAAU,MAAM;AACd,MAAAsC,EAAY,UAAUjB;AAAA,IACxB,GAAG,CAACA,CAAQ,CAAC;AAGb,UAAMkB,IAAiBP,EAAQ,MAAM;AACnC,YAAMQ,IAAMpB,KAASD,KAAgB;AACrC,aAAOqB,IAAM/D,EAAa+D,CAAG,IAAI;AAAA,IACnC,GAAG,CAACrB,GAAcC,CAAK,CAAC,GAElBjC,IAASsD,GAAU;AAAA,MACvB,YAAY;AAAA,QACVC,GAAW,UAAU;AAAA,UACnB,SAAS,EAAE,QAAQ,CAAC,GAAG,GAAG,CAAC,EAAA;AAAA,QAAE,CAC9B;AAAA,QACDC,GAAK,UAAU;AAAA,UACb,WAAW,CAAC,QAAQ,SAAS,UAAU,KAAK;AAAA,UAC5C,gBAAgB;AAAA,YACd,KAAK;AAAA,YACL,QAAQ;AAAA,UAAA;AAAA,UAEV,UAAU,CAACC,MAAiB,2BAA2B,KAAKA,CAAI;AAAA,QAAA,CACjE;AAAA,QACD9E;AAAAA,QACAQ,GAAM,UAAU,EAAE,WAAW,IAAO;AAAA,QACpCuE;AAAA,QACAC;AAAA,QACAC;AAAA,QACAC,GAAS,UAAU;AAAA,UACjB,MAAM;AAAA,UACN,qBAAqB;AAAA,QAAA,CACtB;AAAA,MAAA;AAAA,MAEH,SAAST;AAAA,MACT,UAAU,CAACf;AAAA,MACX,mBAAmB;AAAA,MACnB,6BAA6B;AAAA,MAC7B,aAAa;AAAA,QACX,YAAY;AAAA,UACV,MAAM;AAAA,UACN,kBAAkB;AAAA,UAClB,cAAcC,KAAab,EAAE,oBAAoB;AAAA,UACjD,oBAAoBW,KAAeX,EAAE,oBAAoB;AAAA,QAAA;AAAA,QAE3D,oBAAoBqC,GAAsB;AACxC,iBAAOxE,EAAawE,CAAI;AAAA,QAC1B;AAAA,QACA,cAAcC,GAAGhD,GAAgB;AAC/B,kBAAKA,EAAM,WAAWA,EAAM,YAAYA,EAAM,QAAQ,OACpDA,EAAM,eAAA,GACNkC,EAAiB,EAAI,GACd,MAEF;AAAA,QACT;AAAA,MAAA;AAAA,MAEF,SAAS,EAAE,QAAQe,KAAiB;AAClC,QAAKb,EAAY,YACbD,EAAY,WAAS,aAAaA,EAAY,OAAO,GACzDA,EAAY,UAAU,WAAW,MAAM;;AACrC,gBAAMY,IAAOE,EAAc,QAAA,GAErBC,MAAWC,KAAAC,IADDH,EAAc,QACL,aAAR,gBAAAG,EAAkB,gBAAlB,gBAAAD,EAAA,KAAAC,OAAqC;AACtD,WAAAC,IAAAjB,EAAY,YAAZ,QAAAiB,EAAA,KAAAjB,GAAsB,EAAE,MAAAW,GAAM,UAAAG,EAAA;AAAA,QAChC,GAAG,GAAG;AAAA,MACR;AAAA,IAAA,CACD;AAGD,IAAApD,EAAU,MACD,MAAM;AACX,MAAIqC,EAAY,WAAS,aAAaA,EAAY,OAAO;AAAA,IAC3D,GACC,CAAA,CAAE,GAGLrC,EAAU,MAAM;AACd,MAAKb,KACLA,EAAO,YAAY,CAACqC,CAAQ;AAAA,IAC9B,GAAG,CAACrC,GAAQqC,CAAQ,CAAC,GAGrBxB,EAAU,MAAM;AAGd,UAFI,CAACb,KAAUiC,MAAU,UACTjC,EAAO,QAAA,MACPiC,EAAO;AACvB,YAAMoC,IAAO/E,EAAa2C,CAAK;AAC/B,MAAAjC,EAAO,SAAS,WAAWqE,GAAM,EAAE,YAAY,IAAO;AAAA,IACxD,GAAG,CAACrE,GAAQiC,CAAK,CAAC,GAGlBqC;AAAA,MACE7B;AAAA,MACA,OAAO;AAAA,QACL,UAAkB;AAChB,kBAAOzC,KAAA,gBAAAA,EAAQ,cAAa;AAAA,QAC9B;AAAA,QACA,cAAsB;;AACpB,iBAAKA,MAIEkE,KAAAC,IAHSnE,EAAO,QAGR,aAAR,gBAAAmE,EAAkB,gBAAlB,gBAAAD,EAAA,KAAAC,OAAqC,KAJxB;AAAA,QAKtB;AAAA,QACA,WAAWL,GAAoB;AAC7B,cAAI,CAAC9D,EAAQ;AACb,gBAAMqE,IAAO/E,EAAawE,CAAI;AAC9B,UAAA9D,EAAO,SAAS,WAAWqE,CAAI;AAAA,QACjC;AAAA,QACA,QAAc;AACZ,UAAArE,KAAA,QAAAA,EAAQ,SAAS;AAAA,QACnB;AAAA,QACA,QAAc;AACZ,UAAAA,KAAA,QAAAA,EAAQ,SAAS;AAAA,QACnB;AAAA,MAAA;AAAA,MAEF,CAACA,CAAM;AAAA,IAAA;AAIT,UAAMuE,IAAa3D,EAAwC,EAAE,GACvD,CAAC4D,GAAYC,CAAa,IAAI/D,EAAS,CAAC,GAExCgE,IAAQ7B,EAAQ,MAAM/C,GAAQqC,CAAO,GAAG,CAACA,CAAO,CAAC,GAEjDwC,IAAiBC;AAAA,MACrB,CAACC,MAAkB,CAACC,MAAiC;AACnD,QAAAP,EAAW,QAAQM,CAAK,IAAIC;AAAA,MAC9B;AAAA,MACA,CAAA;AAAA,IAAC,GAGGC,IAAcH,EAAY,CAACC,MAAkB;AACjD,YAAMG,IAAMT,EAAW,QAAQM,CAAK;AACpC,MAAIG,OAAS,MAAA;AAAA,IACf,GAAG,CAAA,CAAE,GAECC,IAAuBL;AAAA,MAC3B,CAAC7D,MAAiD;AAChD,cAAMmE,IAAQR,EAAM;AACpB,YAAIQ,MAAU,EAAG;AAEjB,cAAMC,IAAUrC,IAAQ,cAAc,cAChCsC,IAAWtC,IAAQ,eAAe;AAExC,YAAIuC,IAAsB;AAC1B,QAAItE,EAAM,QAAQoE,IAASE,KAAQb,IAAa,KAAKU,IAC5CnE,EAAM,QAAQqE,IAAUC,KAAQb,IAAa,IAAIU,KAASA,IAC1DnE,EAAM,QAAQ,SAAQsE,IAAO,IAC7BtE,EAAM,QAAQ,UAAOsE,IAAOH,IAAQ,IAEzCG,MAAS,SACXtE,EAAM,eAAA,GACN0D,EAAcY,CAAI,GAClBN,EAAYM,CAAI;AAAA,MAEpB;AAAA,MACA,CAACb,GAAYO,GAAajC,GAAO4B,EAAM,MAAM;AAAA,IAAA,GAIzCY,IAAgBV;AAAA,MACpB,CAAC7D,MAA8C;AAE7C,YADAA,EAAM,eAAA,GACF,CAACf,EAAQ;AACb,cAAMuF,IAAWvF,EAAO,cAAc,MAAM,EAAE,MACxCqD,IAAM,OAAO,OAAO5B,EAAE,oBAAoB,GAAG8D,KAAY,EAAE;AACjE,YAAIlC,MAAQ,KAAM;AAClB,cAAMmC,IAAUnC,EAAI,KAAA;AACpB,YAAImC,MAAY,IAAI;AAClB,UAAAxF,EAAO,QAAQ,MAAA,EAAQ,UAAA,EAAY,IAAA;AACnC;AAAA,QACF;AACA,QAAK,2BAA2B,KAAKwF,CAAO,KAK5CxF,EAAO,MAAA,EAAQ,MAAA,EAAQ,gBAAgB,MAAM,EAAE,QAAQ,EAAE,MAAMwF,EAAA,CAAS,EAAE,IAAA;AAAA,MAC5E;AAAA,MACA,CAACxF,GAAQyB,CAAC;AAAA,IAAA,GAONgE,IAAiBb,EAAY,MAAM;AACvC,UAAI,CAAC5E,EAAQ;AACb,YAAMqD,IAAM,OAAO,OAAO5B,EAAE,qBAAqB,GAAG,EAAE;AACtD,UAAI4B,MAAQ,KAAM;AAClB,YAAMqC,IAAYC,GAAatC,CAAG;AAClC,MAAKqC,KACL1F,EAAO,QAAQ,QAAQ,SAAS,EAAE,KAAK0F,GAAW,EAAE,IAAA;AAAA,IACtD,GAAG,CAAC1F,GAAQyB,CAAC,CAAC;AAGd,aAASmE,EACPC,GACAhB,GACW;AACX,UAAI,CAAC7E,EAAQ,QAAO;AAEpB,YAAMC,IAAc0E,EAAeE,CAAK,GAClCiB,IAAS;AAAA,QACb,UAAUjB,MAAUL,IAAa,IAAI;AAAA,QACrC,SAAS,MAAMC,EAAcI,CAAK;AAAA,QAClC,WAAWI;AAAA,MAAA,GAGPc,IAAc,CAACxF,GAAkBD,MACrCV,EAAsB,EAAE,SAAAW,GAAS,UAAAD,GAAU;AAE7C,eAAS0F,EAAaC,GAQR;AACZ,eACE,gBAAA5E;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAKpB;AAAA,YACJ,GAAG6F;AAAA,YACJ,cAAYG,EAAK;AAAA,YACjB,gBAAcA,EAAK;AAAA,YACnB,iBAAeA,EAAK,YAAY;AAAA,YAChC,qBAAmBA,EAAK;AAAA,YACxB,OAAOA,EAAK;AAAA,YACZ,SAAS,CAAClF,MAAU;AAClB,cAAAA,EAAM,eAAA,GACDkF,EAAK,YAAUA,EAAK,WAAA;AAAA,YAC3B;AAAA,YACA,WAAWF,EAAYE,EAAK,SAASA,EAAK,QAAQ;AAAA,YAEjD,UAAAA,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAGZ;AAEA,eAASC,EAAaD,GAMR;AACZ,eACE,gBAAA5E;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAKpB;AAAA,YACJ,GAAG6F;AAAA,YACJ,cAAYG,EAAK;AAAA,YACjB,iBAAeA,EAAK,YAAY;AAAA,YAChC,qBAAmBA,EAAK;AAAA,YACxB,OAAOA,EAAK;AAAA,YACZ,SAAS,CAAClF,MAAU;AAClB,kBAAIkF,EAAK,UAAU;AACjB,gBAAAlF,EAAM,eAAA;AACN;AAAA,cACF;AACA,cAAAkF,EAAK,WAAWlF,CAAK;AAAA,YACvB;AAAA,YACA,WAAWgF,EAAY,IAAOE,EAAK,QAAQ;AAAA,YAE1C,UAAAA,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAGZ;AAEA,cAAQJ,GAAA;AAAA,QACN,KAAK;AACH,iBAAOG,EAAa;AAAA,YAClB,OAAOvE,EAAE,aAAa;AAAA,YACtB,SAASzB,EAAO,SAAS,MAAM;AAAA,YAC/B,UAAUqC;AAAA,YACV,UAAU;AAAA,YACV,YAAY,MAAMrC,EAAO,MAAA,EAAQ,QAAQ,WAAA,EAAa,IAAA;AAAA,YACtD,MAAM,gBAAAqB,EAAC7C,IAAA,EAAK,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,UAAA,CAC7E;AAAA,QACH,KAAK;AACH,iBAAOwH,EAAa;AAAA,YAClB,OAAOvE,EAAE,eAAe;AAAA,YACxB,SAASzB,EAAO,SAAS,QAAQ;AAAA,YACjC,UAAUqC;AAAA,YACV,UAAU;AAAA,YACV,YAAY,MAAMrC,EAAO,MAAA,EAAQ,QAAQ,aAAA,EAAe,IAAA;AAAA,YACxD,MAAM,gBAAAqB,EAACzC,IAAA,EAAO,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,UAAA,CAC/E;AAAA,QACH,KAAK;AACH,iBAAOsH,EAAa;AAAA,YAClB,OAAOzE,EAAE,oBAAoB;AAAA,YAC7B,UAAUY;AAAA,YACV,UAAU;AAAA,YACV,YAAYiD;AAAA,YACZ,MAAM,gBAAAjE,EAACxC,IAAA,EAAM,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,UAAA,CAC9E;AAAA,QACH,KAAK;AACH,iBACE,gBAAAwC;AAAA,YAACtB;AAAA,YAAA;AAAA,cACC,QAAAC;AAAA,cACA,aAAAC;AAAA,cACA,UAAU4E,MAAUL,IAAa,IAAI;AAAA,cACrC,SAAS,MAAMC,EAAcI,CAAK;AAAA,cAClC,WAAWI;AAAA,cACX,OAAOxD,EAAE,gBAAgB;AAAA,cACzB,UAAUY;AAAA,cACV,SACErC,EAAO,SAAS,WAAW,EAAE,OAAO,EAAA,CAAG,KACvCA,EAAO,SAAS,WAAW,EAAE,OAAO,EAAA,CAAG,KACvCA,EAAO,SAAS,WAAW,EAAE,OAAO,EAAA,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QAI/C,KAAK;AACH,iBAAOgG,EAAa;AAAA,YAClB,OAAOvE,EAAE,oBAAoB;AAAA,YAC7B,SAASzB,EAAO,SAAS,YAAY;AAAA,YACrC,UAAUqC;AAAA,YACV,YAAY,MAAMrC,EAAO,MAAA,EAAQ,QAAQ,iBAAA,EAAmB,IAAA;AAAA,YAC5D,MAAM,gBAAAqB,EAACtC,IAAA,EAAK,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,UAAA,CAC7E;AAAA,QACH,KAAK;AACH,iBAAOiH,EAAa;AAAA,YAClB,OAAOvE,EAAE,qBAAqB;AAAA,YAC9B,SAASzB,EAAO,SAAS,aAAa;AAAA,YACtC,UAAUqC;AAAA,YACV,YAAY,MAAMrC,EAAO,MAAA,EAAQ,QAAQ,kBAAA,EAAoB,IAAA;AAAA,YAC7D,MAAM,gBAAAqB,EAACvC,IAAA,EAAY,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,UAAA,CACpF;AAAA,QACH,KAAK;AACH,iBAAOkH,EAAa;AAAA,YAClB,OAAOvE,EAAE,cAAc;AAAA,YACvB,SAASzB,EAAO,SAAS,YAAY;AAAA,YACrC,UAAUqC;AAAA,YACV,YAAY,MAAMrC,EAAO,MAAA,EAAQ,QAAQ,iBAAA,EAAmB,IAAA;AAAA,YAC5D,MAAM,gBAAAqB,EAACpC,IAAA,EAAM,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,UAAA,CAC9E;AAAA,QACH,KAAK;AACH,iBAAOiH,EAAa;AAAA,YAClB,OAAOzE,EAAE,qBAAqB;AAAA,YAC9B,UAAUY;AAAA,YACV,YAAYoD;AAAA,YACZ,MAAM,gBAAApE,EAAC8E,IAAA,EAAU,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,UAAA,CAClF;AAAA,QACH,KAAK;AACH,iBAAOD,EAAa;AAAA,YAClB,OAAOzE,EAAE,qBAAqB;AAAA,YAC9B,UAAUY;AAAA,YACV,YAAY,MACVrC,EACG,MAAA,EACA,QACA,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,eAAe,GAAA,CAAM,EACrD,IAAA;AAAA,YACL,MAAM,gBAAAqB,EAAC+E,IAAA,EAAU,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,UAAA,CAClF;AAAA,QACH,KAAK;AACH,iBAAOJ,EAAa;AAAA,YAClB,OAAOvE,EAAE,kBAAkB;AAAA,YAC3B,SAASzB,EAAO,SAAS,WAAW;AAAA,YACpC,UAAUqC;AAAA,YACV,YAAY,MAAMrC,EAAO,MAAA,EAAQ,QAAQ,gBAAA,EAAkB,IAAA;AAAA,YAC3D,MAAM,gBAAAqB,EAAC3C,IAAA,EAAK,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,UAAA,CAC7E;AAAA,QACH,KAAK;AACH,iBAAOwH,EAAa;AAAA,YAClB,OAAOzE,EAAE,uBAAuB;AAAA,YAChC,UAAUY;AAAA,YACV,YAAY,MAAMrC,EAAO,MAAA,EAAQ,QAAQ,kBAAA,EAAoB,IAAA;AAAA,YAC7D,MAAM,gBAAAqB,EAACrC,IAAA,EAAM,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,UAAA,CAC9E;AAAA,QACH,KAAK;AACH,iBAAOkH,EAAa;AAAA,YAClB,OAAOzE,EAAE,aAAa;AAAA,YACtB,UAAUY,KAAY,CAACrC,EAAO,IAAA,EAAM,KAAA;AAAA,YACpC,UAAU;AAAA,YACV,YAAY,MAAMA,EAAO,MAAA,EAAQ,QAAQ,KAAA,EAAO,IAAA;AAAA,YAChD,MAAM,gBAAAqB,EAACjC,IAAA,EAAK,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,UAAA,CAC7E;AAAA,QACH,KAAK;AACH,iBAAO8G,EAAa;AAAA,YAClB,OAAOzE,EAAE,aAAa;AAAA,YACtB,UAAUY,KAAY,CAACrC,EAAO,IAAA,EAAM,KAAA;AAAA,YACpC,UAAU;AAAA,YACV,YAAY,MAAMA,EAAO,MAAA,EAAQ,QAAQ,KAAA,EAAO,IAAA;AAAA,YAChD,MAAM,gBAAAqB,EAACnC,IAAA,EAAK,eAAY,QAAO,WAAU,mCAAA,CAAmC;AAAA,UAAA,CAC7E;AAAA,QACH;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb;AAQA,UAAMmH,KAAkB,MAAM;AAC5B,cAAQ9D,GAAA;AAAA,QACN,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE;AAAA,MAAO;AAAA,IAEb,GAAA;AAEA,WACE,gBAAApB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIyB;AAAA,QACJ,WAAW,CAACnD,GAAA,GAAmB+C,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAClE,KAAKM,IAAQ,QAAQ;AAAA,QACrB,kBAAe;AAAA,QAEd,UAAA;AAAA,UAACT,IAYE,OAXF,gBAAAhB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAYI,EAAE,qBAAqB;AAAA,cACnC,WAAW9B,GAAgB,EAAE,WAAWmD,IAAQ,QAAQ,OAAO;AAAA,cAE9D,UAAA4B,EAAM,IAAI,CAACmB,GAAKhB,MACf,gBAAAxD,EAAC,QAAA,EAAe,WAAU,eACvB,UAAAuE,EAAWC,GAAKhB,CAAK,EAAA,GADbgB,CAEX,CACD;AAAA,YAAA;AAAA,UAAA;AAAA,UAIL,gBAAAxE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,CAACxB,GAAA,GAAyBwG,CAAc,EAChD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,cAEX,UAAA,gBAAAhF,EAACiF,MAAc,QAAAtG,EAAA,CAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGjC,gBAAAqB,EAACE,IAAA,EAAgB,MAAMyB,GAAe,cAAcC,EAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG5E;AACF;AAEAnB,GAAe,cAAc;AC36BtB,MAAMyE,KAA0D;AAAA,EACrE,IAAI;AAAA,EACJ,cAAc,CAAC,aAAa;AAAA,EAC5B,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,QAAA;AAAA,IAAQ;AAAA,IAEnC,UAAU;AAAA,MACR,MAAM;AAAA,MACN,aAAa;AAAA,MACb,MAAM,CAACA,MAAWA,EAAO,YAAA;AAAA,IAAY;AAAA,EACvC;AAAA,EAEF,SAAS;AAAA,IACP,aAAa;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,aAAa;AAAA,MACb,QAAQ,CAACA,GAAQC,MAA2B;AAC1C,QAAAD,EAAO,WAAWC,EAAK,IAAI;AAAA,MAC7B;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,QAAQ,CAACD,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,mBAAA;AAAA,EAAmB;AAE9D;","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11]}

package/dist/_chunks/{scroll-area-Ba99pJ_R.js → scroll-area-HIq0hJyJ.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import { forwardRef as h, useRef as g } from "react";
 import * as o from "@radix-ui/react-scroll-area";
 import { c as f } from "./index-D2ZczOXr.js";
 import { u as z } from "./use-direction-D6rvvG9G.js";
-const c = f(
+const d = f(
   [
     "ds:flex ds:touch-none ds:select-none",
     // Fade in/out based on Radix data-state (requires forceMount on Scrollbar).
@@ -43,28 +43,29 @@ const c = f(
     'ds:before:absolute ds:before:content-[""] ds:before:inset-inline-[calc((var(--min-target-size)-100%)/-2)]',
     "ds:before:inset-block-[calc((var(--min-target-size)-100%)/-2)]"
   ].join(" ")
-), w = (r) => r === "auto" || r === void 0 ? "hover" : r, p = {
+), p = (r) => r === "auto" || r === void 0 ? "hover" : r, w = {
   vertical: "overflow-y-auto",
   horizontal: "overflow-x-auto",
   both: "overflow-auto"
 }, S = h(
   ({
     orientation: r = "vertical",
-    size: e = "md",
-    type: a = "auto",
+    size: a = "md",
+    type: e = "auto",
     className: i,
     children: l,
     // scrollHideDelay is a Root-only prop; ignore it for the native branch
     scrollHideDelay: v,
     ...t
   }, n) => {
-    if (a === "native")
+    if (e === "native")
       return /* @__PURE__ */ s(
         "div",
         {
           ref: n,
+          "data-component": "scroll-area",
           className: [
-            p[r],
+            w[r],
             "ds:min-w-0 ds:min-h-0",
             // focus ring matches the custom-scrollbar variant
             "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
@@ -76,14 +77,15 @@ const c = f(
           children: l
         }
       );
-    const d = g(null), b = z(d);
+    const c = g(null), b = z(c);
     return /* @__PURE__ */ m(
       o.Root,
       {
-        ref: d,
-        type: w(a),
+        ref: c,
+        type: p(e),
         dir: b,
         scrollHideDelay: v,
+        "data-component": "scroll-area",
         className: [
           "ds:relative ds:overflow-hidden",
           "ds:min-w-0 ds:min-h-0",
@@ -112,7 +114,7 @@ const c = f(
             {
               forceMount: !0,
               orientation: "vertical",
-              className: c({ size: e }),
+              className: d({ size: a }),
               children: /* @__PURE__ */ s(o.Thumb, { className: u() })
             }
           ),
@@ -121,7 +123,7 @@ const c = f(
             {
               forceMount: !0,
               orientation: "horizontal",
-              className: c({ size: e }),
+              className: d({ size: a }),
               children: /* @__PURE__ */ s(o.Thumb, { className: u() })
             }
           ),
@@ -141,4 +143,4 @@ export {
   y as d,
   T as e
 };
-//# sourceMappingURL=scroll-area-Ba99pJ_R.js.map
+//# sourceMappingURL=scroll-area-HIq0hJyJ.js.map

package/dist/_chunks/scroll-area-HIq0hJyJ.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"scroll-area-HIq0hJyJ.js","sources":["../../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["import { forwardRef, useRef, type ComponentPropsWithoutRef } from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useDirection } from '../_shared/use-direction';\n\nconst scrollbarVariants = cva(\n [\n 'ds:flex ds:touch-none ds:select-none',\n // Fade in/out based on Radix data-state (requires forceMount on Scrollbar).\n // Default opacity is 1 because ScrollAreaScrollbarVisible (type='always')\n // never sets data-state at all — only hover/scroll/auto set data-state=\"hidden\".\n 'ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:data-[state=hidden]:opacity-0',\n // Orientation-specific sizing + padding so thumb floats away from the frame edge\n 'ds:data-[orientation=vertical]:w-[var(--scrollbar-size)] ds:data-[orientation=vertical]:p-[var(--scrollbar-padding)]',\n 'ds:data-[orientation=horizontal]:h-[var(--scrollbar-size)] ds:data-[orientation=horizontal]:flex-col ds:data-[orientation=horizontal]:p-[var(--scrollbar-padding)]',\n 'ds:bg-[var(--scrollbar-track)]',\n // forced-colors: 1px border keeps the track visible when background flattens\n 'ds:forced-colors:border ds:forced-colors:border-[ButtonText]',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:[--scrollbar-size:var(--scrollbar-size-sm)]',\n md: 'ds:[--scrollbar-size:var(--scrollbar-size-md)]',\n lg: 'ds:[--scrollbar-size:var(--scrollbar-size-lg)]',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n },\n);\n\nconst thumbVariants = cva(\n [\n 'ds:relative ds:flex-1',\n 'ds:rounded-[var(--radius-full)]',\n 'ds:bg-[var(--scrollbar-thumb)]',\n 'ds:hover:bg-[var(--scrollbar-thumb-hover)]',\n 'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n // forced-color-adjust: auto so forced-colors paint ButtonFace/ButtonText\n 'ds:[forced-color-adjust:auto]',\n // hit area extension via ::before for touch pointers (must be absolute)\n 'ds:before:absolute ds:before:content-[\"\"] ds:before:inset-inline-[calc((var(--min-target-size)-100%)/-2)]',\n 'ds:before:inset-block-[calc((var(--min-target-size)-100%)/-2)]',\n ].join(' '),\n);\n\nexport interface ScrollAreaProps\n extends Omit<\n ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>,\n 'type'\n >,\n VariantProps<typeof scrollbarVariants> {\n orientation?: 'vertical' | 'horizontal' | 'both';\n size?: 'sm' | 'md' | 'lg';\n /**\n * `auto` — scrollbar fades in on pointer-enter, fades out after `--scrollbar-fade-delay` (default).\n * `always` — scrollbar always visible; use for data tables.\n * `scroll` — scrollbar visible only while scrolling.\n * `hover` — alias for `auto` (Radix hover mode).\n * `native` — skips the custom scrollbar entirely; the OS renders its own.\n * Use for virtualised lists (AG Grid, @tanstack/react-virtual).\n */\n type?: 'auto' | 'always' | 'scroll' | 'hover' | 'native';\n className?: string;\n children: React.ReactNode;\n}\n\nconst radixType = (\n type: ScrollAreaProps['type'],\n): ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>['type'] => {\n if (type === 'auto' || type === undefined) return 'hover';\n return type as Exclude<ScrollAreaProps['type'], 'auto' | 'native' | undefined>;\n};\n\nconst nativeOverflow: Record<\n NonNullable<ScrollAreaProps['orientation']>,\n string\n> = {\n vertical: 'overflow-y-auto',\n horizontal: 'overflow-x-auto',\n both: 'overflow-auto',\n};\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n (\n {\n orientation = 'vertical',\n size = 'md',\n type = 'auto',\n className,\n children,\n // scrollHideDelay is a Root-only prop; ignore it for the native branch\n scrollHideDelay,\n ...props\n },\n ref,\n ) => {\n // ── Native escape-hatch ────────────────────────────────────────────\n // Radix's Viewport always injects `scrollbar-width: none` CSS, which\n // hides the browser scrollbar even if we skip rendering the custom one.\n // For native mode we bypass Radix entirely and render a plain div.\n if (type === 'native') {\n return (\n <div\n ref={ref}\n data-component=\"scroll-area\"\n className={[\n nativeOverflow[orientation],\n 'ds:min-w-0 ds:min-h-0',\n // focus ring matches the custom-scrollbar variant\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:forced-colors:focus-visible:outline-[Highlight]',\n className,\n ]\n .filter(Boolean)\n .join(' ')}\n {...props}\n >\n {children}\n </div>\n );\n }\n\n // ── Radix custom-scrollbar path ────────────────────────────────────\n const rootRef = useRef<HTMLDivElement>(null);\n const dir = useDirection(rootRef);\n return (\n <ScrollAreaPrimitive.Root\n ref={rootRef}\n type={radixType(type)}\n dir={dir}\n scrollHideDelay={scrollHideDelay}\n data-component=\"scroll-area\"\n className={[\n 'ds:relative ds:overflow-hidden',\n 'ds:min-w-0 ds:min-h-0',\n className,\n ]\n .filter(Boolean)\n .join(' ')}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport\n ref={ref}\n className={[\n 'ds:h-full ds:w-full ds:rounded-[inherit]',\n // keyboard focus ring on the scroll container\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:forced-colors:focus-visible:outline-[Highlight]',\n ].join(' ')}\n >\n {children}\n </ScrollAreaPrimitive.Viewport>\n\n {(orientation === 'vertical' || orientation === 'both') && (\n // forceMount keeps the element in the DOM so CSS opacity transition\n // can animate the show/hide instead of mount/unmount snapping.\n <ScrollAreaPrimitive.Scrollbar\n forceMount\n orientation=\"vertical\"\n className={scrollbarVariants({ size })}\n >\n <ScrollAreaPrimitive.Thumb className={thumbVariants()} />\n </ScrollAreaPrimitive.Scrollbar>\n )}\n\n {(orientation === 'horizontal' || orientation === 'both') && (\n <ScrollAreaPrimitive.Scrollbar\n forceMount\n orientation=\"horizontal\"\n className={scrollbarVariants({ size })}\n >\n <ScrollAreaPrimitive.Thumb className={thumbVariants()} />\n </ScrollAreaPrimitive.Scrollbar>\n )}\n\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n );\n },\n);\n\nScrollArea.displayName = 'ScrollArea';\n\n// Re-export Radix parts for advanced composition\nexport const ScrollAreaRoot = ScrollAreaPrimitive.Root;\nexport const ScrollAreaViewport = ScrollAreaPrimitive.Viewport;\nexport const ScrollAreaScrollbar = ScrollAreaPrimitive.Scrollbar;\nexport const ScrollAreaThumb = ScrollAreaPrimitive.Thumb;\nexport const ScrollAreaCorner = ScrollAreaPrimitive.Corner;\n"],"names":["scrollbarVariants","cva","thumbVariants","radixType","type","nativeOverflow","ScrollArea","forwardRef","orientation","size","className","children","scrollHideDelay","props","ref","jsx","rootRef","useRef","dir","useDirection","jsxs","ScrollAreaPrimitive","ScrollAreaRoot","ScrollAreaViewport","ScrollAreaScrollbar","ScrollAreaThumb","ScrollAreaCorner"],"mappings":"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"}

package/dist/_chunks/{search-bar-VoTqJhRp.js → search-bar-9Zbew4yM.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import { forwardRef as U, useState as V, useEffect as O, useRef as W, useId as J
 import { c as P } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
 import * as j from "@radix-ui/react-popover";
-import { S as Y } from "./search-input-D6rarD0_.js";
+import { S as Y } from "./search-input-CtkWITO2.js";
 import { S as Z } from "./search-BonnQsHv.js";
 import { n as L } from "./normalize-diacritics-BNGbFNlJ.js";
 import { u as ee } from "./use-debounced-callback-BisrB-Fq.js";
@@ -137,7 +137,7 @@ const ne = U(
     const S = R ? "⌘K" : "Ctrl+K", u = "Meta+K Control+K", m = y ? { role: "search" } : { role: void 0 };
     if (o === "launcher") {
       const N = i ?? c("search.placeholder", "Search…");
-      return /* @__PURE__ */ s("div", { ref: a, ...m, className: v, children: /* @__PURE__ */ D(
+      return /* @__PURE__ */ s("div", { ref: a, ...m, "data-component": "search-bar", className: v, children: /* @__PURE__ */ D(
         "button",
         {
           type: "button",
@@ -240,6 +240,7 @@ function oe(r) {
     {
       ref: a,
       ...p,
+      "data-component": "search-bar",
       className: [re({ size: o, density: n }), t].filter(Boolean).join(" "),
       children: [
         /* @__PURE__ */ s(j.Anchor, { asChild: !0, children: /* @__PURE__ */ D(
@@ -393,4 +394,4 @@ export {
   ne as S,
   ge as f
 };
-//# sourceMappingURL=search-bar-VoTqJhRp.js.map
+//# sourceMappingURL=search-bar-9Zbew4yM.js.map

package/dist/_chunks/search-bar-9Zbew4yM.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"search-bar-9Zbew4yM.js","sources":["../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["import {\n forwardRef,\n useCallback,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n type HTMLAttributes,\n type KeyboardEvent as ReactKeyboardEvent,\n type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search } from 'lucide-react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { SearchInput } from '../search-input/search-input';\nimport { useDebouncedCallback, normalizeDiacritics } from '../_shared';\n\n/* ------------------------------------------------------------------ */\n/* Shortcut detection */\n/* ------------------------------------------------------------------ */\n\nfunction isMacLike(): boolean {\n if (typeof navigator === 'undefined') return false;\n // Prefer `userAgentData.platform` where supported; fall back to the\n // deprecated `navigator.platform`. Both are strings; we just look for\n // `mac`.\n const uaData = (navigator as unknown as {\n userAgentData?: { platform?: string };\n }).userAgentData;\n const platformString = uaData?.platform ?? navigator.platform ?? '';\n return /mac/i.test(platformString);\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA */\n/* ------------------------------------------------------------------ */\n\nconst launcherVariants = cva(\n [\n 'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n 'ds:rounded-[var(--radius-md)]',\n 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n // Same visual language as <SearchInput> so the launcher truly looks\n // like an input. --muted-foreground over --background meets AA 4.5:1\n // in every theme; --muted is a mid-tone not suitable as a surface.\n 'ds:bg-[var(--background)] ds:border ds:border-[color:var(--border)]',\n 'ds:text-[color:var(--muted-foreground)]',\n // Opaque hover — mix 20% muted into --background so the launcher stays a\n // solid surface even when placed over a brand-tinted parent (e.g. the\n // Header's `brand` variant).\n 'ds:hover:bg-[color-mix(in_srgb,var(--muted)_20%,var(--background))]',\n 'ds:transition-colors ds:motion-reduce:transition-none',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[color:var(--ring)]',\n 'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n 'ds:min-h-[var(--min-target-size)]',\n 'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:text-[length:var(--font-size-sm)]',\n md: 'ds:text-[length:var(--font-size-base)]',\n lg: 'ds:text-[length:var(--font-size-lg)]',\n },\n density: {\n default: '',\n compact: 'ds:min-h-0 ds:h-8',\n },\n },\n defaultVariants: {\n size: 'md',\n density: 'default',\n },\n },\n);\n\nconst inlineWrapperVariants = cva(\n [\n 'ds:inline-flex ds:flex-col',\n 'ds:w-full',\n ].join(' '),\n {\n variants: {\n size: {\n sm: '',\n md: '',\n lg: '',\n },\n density: {\n default: '',\n compact: '',\n },\n },\n defaultVariants: {\n size: 'md',\n density: 'default',\n },\n },\n);\n\nconst shortcutPillVariants = cva(\n [\n 'ds:hidden ds:md:inline-flex ds:items-center ds:gap-[calc(var(--spacing-xs)/2)]',\n 'ds:ms-auto',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:border ds:border-[color:var(--border)]',\n 'ds:bg-[var(--background)]',\n 'ds:ps-[calc(var(--spacing-xs)/1.2)] ds:pe-[calc(var(--spacing-xs)/1.2)]',\n 'ds:py-[calc(var(--spacing-xs)/2)]',\n // Use full --foreground (not --muted-foreground) so axe's contrast\n // check clears 4.5:1 even against the 1px --border edge region.\n 'ds:text-[length:var(--font-size-xs)] ds:text-[color:var(--foreground)]',\n 'ds:font-[family-name:var(--font-mono)]',\n ].join(' '),\n);\n\nconst popoverContentVariants = cva(\n [\n 'ds:z-[var(--z-dropdown)]',\n 'ds:rounded-[var(--radius-md)]',\n 'ds:border ds:border-[color:var(--border)]',\n 'ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]',\n 'ds:shadow-[var(--shadow-lg)]',\n 'ds:p-[var(--spacing-xs)]',\n // Motion gates — reduced-motion honoured via .theme-accessible's 0ms\n // animation-duration token.\n 'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n 'ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out',\n 'ds:motion-reduce:animate-none',\n ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Public types */\n/* ------------------------------------------------------------------ */\n\nexport interface SearchBarResultItem {\n id: string;\n /** Display label. */\n label: string;\n /** Optional icon rendered on inline-start (aria-hidden). */\n icon?: ReactNode;\n /** Optional right-aligned meta text (tag, count, section label). */\n meta?: string;\n /** Optional href — the list renders anchors when present. */\n href?: string;\n}\n\nexport interface SearchBarResultGroup {\n /** Heading displayed above the items (aria-hidden=\"true\" — visual only). */\n heading?: string;\n items: SearchBarResultItem[];\n}\n\ntype SharedProps = {\n size?: 'sm' | 'md' | 'lg';\n density?: 'default' | 'compact';\n /** `true` wraps in <search role=\"search\"> when this is the page's primary search. */\n topLevel?: boolean;\n placeholder?: string;\n /** Platform-aware shortcut pill — default `true` (hidden below `md` breakpoint). */\n shortcutHint?: boolean;\n className?: string;\n};\n\ntype LauncherProps = SharedProps & {\n mode?: 'launcher';\n /** Called on click / Enter / global Cmd/Ctrl+K. */\n onOpenCommandPalette: () => void;\n // Not used in launcher mode.\n value?: never;\n defaultValue?: never;\n onQueryChange?: never;\n results?: never;\n onSelect?: never;\n debounceMs?: never;\n};\n\ntype InlineProps = SharedProps & {\n mode: 'inline';\n value?: string;\n defaultValue?: string;\n onQueryChange?: (query: string) => void;\n /** Groups of results rendered in the popover. */\n results?: SearchBarResultGroup[];\n onSelect?: (item: SearchBarResultItem) => void;\n debounceMs?: number;\n // Not used in inline mode.\n onOpenCommandPalette?: never;\n};\n\nexport type SearchBarProps = (LauncherProps | InlineProps) &\n Omit<\n HTMLAttributes<HTMLDivElement>,\n 'role' | 'onChange' | 'children' | 'defaultValue' | 'results'\n > &\n VariantProps<typeof launcherVariants>;\n\n/* ------------------------------------------------------------------ */\n/* Helpers */\n/* ------------------------------------------------------------------ */\n\nexport function filterSearchResults(\n query: string,\n groups: SearchBarResultGroup[],\n): SearchBarResultGroup[] {\n const needle = normalizeDiacritics(query.trim());\n if (needle === '') return groups;\n return groups\n .map((g) => ({\n ...g,\n items: g.items.filter((item) =>\n normalizeDiacritics(item.label).includes(needle),\n ),\n }))\n .filter((g) => g.items.length > 0);\n}\n\n/* ------------------------------------------------------------------ */\n/* SearchBar */\n/* ------------------------------------------------------------------ */\n\nexport const SearchBar = forwardRef<HTMLDivElement, SearchBarProps>(\n (props, ref) => {\n // Strip every API prop from `...rest` so nothing leaks to the DOM as\n // an unknown attribute (React warns in DEV and some become invalid\n // HTML in production).\n const {\n mode = 'launcher',\n size = 'md',\n density = 'default',\n topLevel = false,\n placeholder,\n shortcutHint = true,\n className,\n onOpenCommandPalette,\n value: _value,\n defaultValue: _defaultValue,\n onQueryChange: _onQueryChange,\n results: _results,\n onSelect: _onSelect,\n debounceMs: _debounceMs,\n ...rest\n } = props as SearchBarProps & { className?: string };\n // silence unused-var warnings for the destructured siblings we only\n // needed to peel off the spread target.\n void _value;\n void _defaultValue;\n void _onQueryChange;\n void _results;\n void _onSelect;\n void _debounceMs;\n\n const { t } = useTranslation();\n const [isMac, setIsMac] = useState(false);\n useEffect(() => {\n setIsMac(isMacLike());\n }, []);\n\n const shortcutLabel = isMac ? '\\u2318K' : 'Ctrl+K';\n // Advertise the shortcut on the launcher button. The binding itself\n // lives in `useCommandPalette()` (CommandPalette owns its open state);\n // duplicating the listener here would cause a double-fire.\n const ariaKeyshortcuts = 'Meta+K Control+K';\n\n /* ---- Landmark role --------------------------------------------- */\n const landmarkProps = topLevel\n ? { role: 'search' as const }\n : { role: undefined };\n\n /* ---- LAUNCHER MODE -------------------------------------------- */\n if (mode === 'launcher') {\n const resolvedPlaceholder =\n placeholder ?? t('search.placeholder', 'Search\\u2026');\n return (\n <div ref={ref} {...landmarkProps} data-component=\"search-bar\" className={className}>\n <button\n type=\"button\"\n onClick={onOpenCommandPalette}\n aria-haspopup=\"dialog\"\n aria-label={t('search.open', 'Open search')}\n aria-keyshortcuts={ariaKeyshortcuts}\n className={launcherVariants({ size, density })}\n {...(rest as HTMLAttributes<HTMLButtonElement>)}\n >\n <Search\n aria-hidden\n className=\"ds:size-4 ds:shrink-0\"\n focusable=\"false\"\n />\n <span aria-hidden=\"true\" className=\"ds:truncate ds:text-start\">\n {resolvedPlaceholder}\n </span>\n {shortcutHint ? (\n <kbd className={shortcutPillVariants()}>{shortcutLabel}</kbd>\n ) : null}\n </button>\n </div>\n );\n }\n\n /* ---- INLINE MODE ---------------------------------------------- */\n const inlineProps = props as InlineProps;\n return (\n <InlineSearchBar\n forwardedRef={ref}\n size={size}\n density={density}\n landmarkProps={landmarkProps}\n placeholder={placeholder}\n shortcutHint={shortcutHint}\n shortcutLabel={shortcutLabel}\n ariaKeyshortcuts={ariaKeyshortcuts}\n className={className}\n {...inlineProps}\n />\n );\n },\n);\n\nSearchBar.displayName = 'SearchBar';\n\n/* ------------------------------------------------------------------ */\n/* InlineSearchBar — internal */\n/* ------------------------------------------------------------------ */\n\ninterface InlineInternalProps extends InlineProps {\n forwardedRef: React.ForwardedRef<HTMLDivElement>;\n size: 'sm' | 'md' | 'lg';\n density: 'default' | 'compact';\n landmarkProps: { role?: 'search' };\n shortcutHint: boolean;\n shortcutLabel: string;\n ariaKeyshortcuts: string;\n className?: string;\n}\n\nfunction InlineSearchBar(props: InlineInternalProps): ReactNode {\n const {\n forwardedRef,\n size,\n density,\n landmarkProps,\n placeholder,\n shortcutHint,\n shortcutLabel,\n ariaKeyshortcuts,\n className,\n value,\n defaultValue,\n onQueryChange,\n results,\n onSelect,\n debounceMs = 150,\n } = props;\n\n const { t } = useTranslation();\n const isControlled = value !== undefined;\n const [internalValue, setInternalValue] = useState(defaultValue ?? '');\n const query = isControlled ? (value ?? '') : internalValue;\n\n const [open, setOpen] = useState(false);\n const [activeIndex, setActiveIndex] = useState(0);\n const inputRef = useRef<HTMLInputElement | null>(null);\n const listboxId = useId();\n\n const debouncedQueryChange = useDebouncedCallback((next: string) => {\n onQueryChange?.(next);\n }, debounceMs);\n\n const flatResults = useMemo<SearchBarResultItem[]>(() => {\n if (!results) return [];\n return results.flatMap((g) => g.items);\n }, [results]);\n\n // Reset active index whenever the result count changes.\n useEffect(() => {\n if (activeIndex > flatResults.length - 1) setActiveIndex(0);\n }, [flatResults.length, activeIndex]);\n\n const handleInput = useCallback(\n (raw: string) => {\n if (!isControlled) setInternalValue(raw);\n debouncedQueryChange(raw);\n setOpen(raw.trim().length > 0);\n },\n [debouncedQueryChange, isControlled],\n );\n\n const commit = useCallback(\n (item: SearchBarResultItem) => {\n onSelect?.(item);\n setOpen(false);\n if (!isControlled) setInternalValue('');\n },\n [onSelect, isControlled],\n );\n\n const handleKeyDown = useCallback(\n (event: ReactKeyboardEvent<HTMLDivElement>) => {\n if (event.nativeEvent.isComposing || event.keyCode === 229) return;\n if (!open && event.key === 'ArrowDown' && flatResults.length > 0) {\n event.preventDefault();\n setOpen(true);\n return;\n }\n if (!open) return;\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n setActiveIndex((i) => (i + 1) % Math.max(flatResults.length, 1));\n } else if (event.key === 'ArrowUp') {\n event.preventDefault();\n setActiveIndex(\n (i) =>\n (i - 1 + Math.max(flatResults.length, 1)) %\n Math.max(flatResults.length, 1),\n );\n } else if (event.key === 'Enter') {\n const item = flatResults[activeIndex];\n if (item) {\n event.preventDefault();\n commit(item);\n }\n } else if (event.key === 'Escape') {\n event.preventDefault();\n setOpen(false);\n }\n },\n [open, flatResults, activeIndex, commit],\n );\n\n const resolvedPlaceholder =\n placeholder ?? t('search.placeholder', 'Search\\u2026');\n\n const hasResults = flatResults.length > 0;\n // aria-activedescendant may only reference an element that actually exists\n // in the DOM — so only set it when the popover is open AND there are\n // results to land on. Referencing a non-existent option is an a11y\n // violation (aria-valid-attr-value).\n const activeDescendantId =\n open && hasResults ? `${listboxId}-option-${activeIndex}` : undefined;\n\n return (\n <RadixPopover.Root open={open && hasResults} onOpenChange={setOpen}>\n <div\n ref={forwardedRef}\n {...landmarkProps}\n data-component=\"search-bar\"\n className={[inlineWrapperVariants({ size, density }), className]\n .filter(Boolean)\n .join(' ')}\n >\n <RadixPopover.Anchor asChild>\n <div\n className=\"ds:relative ds:flex ds:items-center\"\n onKeyDown={handleKeyDown}\n >\n <SearchInput\n ref={inputRef}\n size={size}\n value={query}\n onInput={handleInput}\n placeholder={resolvedPlaceholder}\n aria-label={t('search.label', 'Search')}\n aria-keyshortcuts={ariaKeyshortcuts}\n role=\"combobox\"\n aria-expanded={open && hasResults}\n aria-controls={listboxId}\n aria-activedescendant={activeDescendantId}\n />\n {shortcutHint ? (\n <kbd\n className={[\n shortcutPillVariants(),\n 'ds:absolute ds:end-[var(--spacing-sm)] ds:top-1/2 ds:-translate-y-1/2',\n 'ds:pointer-events-none',\n ].join(' ')}\n >\n {shortcutLabel}\n </kbd>\n ) : null}\n </div>\n </RadixPopover.Anchor>\n <RadixPopover.Portal>\n <RadixPopover.Content\n side=\"bottom\"\n align=\"start\"\n sideOffset={4}\n aria-label={t('search.resultsLabel', 'Search results')}\n onOpenAutoFocus={(e) => e.preventDefault()}\n // Width matches the anchor via Radix's CSS variable. Applied\n // as a Tailwind arbitrary-value class so no inline style is\n // needed (23-constraints §4).\n className={[\n popoverContentVariants(),\n 'ds:w-[var(--radix-popover-trigger-width)]',\n ].join(' ')}\n >\n {/* listbox uses <div> rather than <ul> so the option role\n children don't trip the `<ul> must only contain <li>` axe\n rule. Options are direct descendants of the listbox root\n per the WAI-ARIA listbox pattern. */}\n <div\n id={listboxId}\n role=\"listbox\"\n aria-label={t('search.resultsLabel', 'Search results')}\n className=\"ds:flex ds:flex-col ds:gap-[calc(var(--spacing-xs)/2)]\"\n >\n {results && results.length > 0 ? (\n renderGroups(\n results,\n activeIndex,\n listboxId,\n commit,\n setActiveIndex,\n )\n ) : (\n <div\n role=\"presentation\"\n className=\"ds:p-[var(--spacing-sm)] type-body-sm ds:text-[color:var(--foreground)]\"\n >\n {t('search.noResults', 'No results for \\u201C{{query}}\\u201D', {\n query,\n })}\n </div>\n )}\n </div>\n </RadixPopover.Content>\n </RadixPopover.Portal>\n </div>\n </RadixPopover.Root>\n );\n}\n\nfunction renderGroups(\n groups: SearchBarResultGroup[],\n activeIndex: number,\n listboxId: string,\n onCommit: (item: SearchBarResultItem) => void,\n setActive: (index: number) => void,\n): ReactNode {\n let flatIndex = 0;\n // Flatten groups + headings into a single-level sequence of divs at the\n // listbox root. `role=\"group\"` wrappers keep the visual grouping while\n // keeping options as direct descendants of the listbox.\n return groups.map((group, gi) => {\n const headingId = group.heading ? `${listboxId}-group-${gi}-heading` : undefined;\n return (\n <div\n key={`g-${gi}`}\n role={group.heading ? 'group' : 'presentation'}\n aria-labelledby={headingId}\n >\n {group.heading ? (\n <div\n id={headingId}\n aria-hidden=\"true\"\n className=\"ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)] type-eyebrow ds:text-[color:var(--foreground)]\"\n >\n {group.heading}\n </div>\n ) : null}\n {group.items.map((item) => {\n const myIndex = flatIndex;\n flatIndex += 1;\n const isActive = myIndex === activeIndex;\n const optionId = `${listboxId}-option-${myIndex}`;\n const safeHref = safeNavigationHref(item.href);\n const commonClass = [\n 'flex items-center gap-[var(--spacing-sm)]',\n 'ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]',\n 'pt-[var(--spacing-xs)] pb-[var(--spacing-xs)]',\n 'rounded-[var(--radius-sm)]',\n 'cursor-pointer',\n 'no-underline text-[color:var(--foreground)]',\n 'min-h-[var(--min-target-size)]',\n isActive ? 'bg-[var(--muted)]/40' : '',\n ].join(' ');\n const body = (\n <>\n {item.icon ? (\n <span\n aria-hidden=\"true\"\n className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n >\n {item.icon}\n </span>\n ) : null}\n <span className=\"ds:flex-1 ds:text-[length:var(--font-size-sm)]\">\n {item.label}\n </span>\n {item.meta ? (\n <span className=\"ds:ms-auto type-meta ds:text-[color:var(--foreground)]\">\n {item.meta}\n </span>\n ) : null}\n </>\n );\n const shared = {\n id: optionId,\n role: 'option' as const,\n 'aria-selected': isActive,\n // onMouseDown rather than onClick so we trigger before the\n // input loses focus to the pointer-down on the popover.\n onMouseDown: (e: React.MouseEvent) => {\n e.preventDefault();\n onCommit(item);\n },\n onMouseEnter: () => setActive(myIndex),\n className: commonClass,\n };\n if (safeHref) {\n return (\n <a key={item.id} href={safeHref} {...shared}>\n {body}\n </a>\n );\n }\n return (\n <div key={item.id} {...shared}>\n {body}\n </div>\n );\n })}\n </div>\n );\n });\n}\n\n/**\n * Allow-list for result-item `href` strings. Same allow-list as the\n * chat-message token renderer: http(s) + mailto + tel + same-origin\n * relative paths. Anything else (including `javascript:` and `data:`)\n * returns `undefined`, causing the renderer to fall back to a <div>.\n */\nfunction safeNavigationHref(href: string | undefined): string | undefined {\n if (!href) return undefined;\n const trimmed = href.trim();\n if (trimmed === '') return undefined;\n if (/^(https?:|mailto:|tel:)/i.test(trimmed)) return trimmed;\n // Same-origin relative paths are safe because the browser resolves\n // against `window.location`. Leading `/` or `./` or `../` qualify.\n if (/^(\\/|\\.\\/|\\.\\.\\/)/.test(trimmed)) return trimmed;\n return undefined;\n}\n"],"names":["isMacLike","uaData","platformString","launcherVariants","cva","inlineWrapperVariants","shortcutPillVariants","popoverContentVariants","filterSearchResults","query","groups","needle","normalizeDiacritics","g","item","SearchBar","forwardRef","props","ref","mode","size","density","topLevel","placeholder","shortcutHint","className","onOpenCommandPalette","_value","_defaultValue","_onQueryChange","_results","_onSelect","_debounceMs","rest","t","useTranslation","isMac","setIsMac","useState","useEffect","shortcutLabel","ariaKeyshortcuts","landmarkProps","resolvedPlaceholder","jsxs","jsx","Search","InlineSearchBar","forwardedRef","value","defaultValue","onQueryChange","results","onSelect","debounceMs","isControlled","internalValue","setInternalValue","open","setOpen","activeIndex","setActiveIndex","inputRef","useRef","listboxId","useId","debouncedQueryChange","useDebouncedCallback","next","flatResults","useMemo","handleInput","useCallback","raw","commit","handleKeyDown","event","i","hasResults","activeDescendantId","RadixPopover","SearchInput","renderGroups","onCommit","setActive","flatIndex","group","gi","headingId","myIndex","isActive","optionId","safeHref","safeNavigationHref","commonClass","body","Fragment","shared","e","href","trimmed"],"mappings":";;;;;;;;;AAuBA,SAASA,KAAqB;AAC5B,MAAI,OAAO,YAAc,IAAa,QAAO;AAI7C,QAAMC,IAAU,UAEb,eACGC,KAAiBD,KAAA,gBAAAA,EAAQ,aAAY,UAAU,YAAY;AACjE,SAAO,OAAO,KAAKC,CAAc;AACnC;AAMA,MAAMC,KAAmBC;AAAA,EACvB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEMC,KAAwBD;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEME,IAAuBF;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMG,KAAyBH;AAAA,EAC7B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ;AAwEO,SAASI,GACdC,GACAC,GACwB;AACxB,QAAMC,IAASC,EAAoBH,EAAM,KAAA,CAAM;AAC/C,SAAIE,MAAW,KAAWD,IACnBA,EACJ,IAAI,CAACG,OAAO;AAAA,IACX,GAAGA;AAAA,IACH,OAAOA,EAAE,MAAM;AAAA,MAAO,CAACC,MACrBF,EAAoBE,EAAK,KAAK,EAAE,SAASH,CAAM;AAAA,IAAA;AAAA,EACjD,EACA,EACD,OAAO,CAACE,MAAMA,EAAE,MAAM,SAAS,CAAC;AACrC;AAMO,MAAME,KAAYC;AAAA,EACvB,CAACC,GAAOC,MAAQ;AAId,UAAM;AAAA,MACJ,MAAAC,IAAO;AAAA,MACP,MAAAC,IAAO;AAAA,MACP,SAAAC,IAAU;AAAA,MACV,UAAAC,IAAW;AAAA,MACX,aAAAC;AAAA,MACA,cAAAC,IAAe;AAAA,MACf,WAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,OAAOC;AAAA,MACP,cAAcC;AAAA,MACd,eAAeC;AAAA,MACf,SAASC;AAAA,MACT,UAAUC;AAAA,MACV,YAAYC;AAAA,MACZ,GAAGC;AAAA,IAAA,IACDhB,GAUE,EAAE,GAAAiB,EAAA,IAAMC,EAAA,GACR,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAK;AACxC,IAAAC,EAAU,MAAM;AACd,MAAAF,EAASrC,IAAW;AAAA,IACtB,GAAG,CAAA,CAAE;AAEL,UAAMwC,IAAgBJ,IAAQ,OAAY,UAIpCK,IAAmB,oBAGnBC,IAAgBpB,IAClB,EAAE,MAAM,aACR,EAAE,MAAM,OAAA;AAGZ,QAAIH,MAAS,YAAY;AACvB,YAAMwB,IACJpB,KAAeW,EAAE,sBAAsB,SAAc;AACvD,+BACG,OAAA,EAAI,KAAAhB,GAAW,GAAGwB,GAAe,kBAAe,cAAa,WAAAjB,GAC5D,UAAA,gBAAAmB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAASlB;AAAA,UACT,iBAAc;AAAA,UACd,cAAYQ,EAAE,eAAe,aAAa;AAAA,UAC1C,qBAAmBO;AAAA,UACnB,WAAWtC,GAAiB,EAAE,MAAAiB,GAAM,SAAAC,GAAS;AAAA,UAC5C,GAAIY;AAAA,UAEL,UAAA;AAAA,YAAA,gBAAAY;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,eAAW;AAAA,gBACX,WAAU;AAAA,gBACV,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,8BAEX,QAAA,EAAK,eAAY,QAAO,WAAU,6BAChC,UAAAH,GACH;AAAA,YACCnB,IACC,gBAAAqB,EAAC,OAAA,EAAI,WAAWvC,KAAyB,aAAc,IACrD;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAER;AAAA,IAEJ;AAIA,WACE,gBAAAuC;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,cAAc7B;AAAA,QACd,MAAAE;AAAA,QACA,SAAAC;AAAA,QACA,eAAAqB;AAAA,QACA,aAAAnB;AAAA,QACA,cAAAC;AAAA,QACA,eAAAgB;AAAA,QACA,kBAAAC;AAAA,QACA,WAAAhB;AAAA,QACC,GAZeR;AAAA,MAYZ;AAAA,IAAA;AAAA,EAGV;AACF;AAEAF,GAAU,cAAc;AAiBxB,SAASgC,GAAgB9B,GAAuC;AAC9D,QAAM;AAAA,IACJ,cAAA+B;AAAA,IACA,MAAA5B;AAAA,IACA,SAAAC;AAAA,IACA,eAAAqB;AAAA,IACA,aAAAnB;AAAA,IACA,cAAAC;AAAA,IACA,eAAAgB;AAAA,IACA,kBAAAC;AAAA,IACA,WAAAhB;AAAA,IACA,OAAAwB;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,EAAA,IACXrC,GAEE,EAAE,GAAAiB,EAAA,IAAMC,EAAA,GACRoB,IAAeN,MAAU,QACzB,CAACO,GAAeC,CAAgB,IAAInB,EAASY,KAAgB,EAAE,GAC/DzC,IAAQ8C,IAAgBN,KAAS,KAAMO,GAEvC,CAACE,GAAMC,CAAO,IAAIrB,EAAS,EAAK,GAChC,CAACsB,GAAaC,CAAc,IAAIvB,EAAS,CAAC,GAC1CwB,IAAWC,EAAgC,IAAI,GAC/CC,IAAYC,EAAA,GAEZC,IAAuBC,GAAqB,CAACC,MAAiB;AAClE,IAAAjB,KAAA,QAAAA,EAAgBiB;AAAA,EAClB,GAAGd,CAAU,GAEPe,IAAcC,EAA+B,MAC5ClB,IACEA,EAAQ,QAAQ,CAACvC,MAAMA,EAAE,KAAK,IADhB,CAAA,GAEpB,CAACuC,CAAO,CAAC;AAGZ,EAAAb,EAAU,MAAM;AACd,IAAIqB,IAAcS,EAAY,SAAS,OAAkB,CAAC;AAAA,EAC5D,GAAG,CAACA,EAAY,QAAQT,CAAW,CAAC;AAEpC,QAAMW,IAAcC;AAAA,IAClB,CAACC,MAAgB;AACf,MAAKlB,KAAcE,EAAiBgB,CAAG,GACvCP,EAAqBO,CAAG,GACxBd,EAAQc,EAAI,OAAO,SAAS,CAAC;AAAA,IAC/B;AAAA,IACA,CAACP,GAAsBX,CAAY;AAAA,EAAA,GAG/BmB,IAASF;AAAA,IACb,CAAC1D,MAA8B;AAC7B,MAAAuC,KAAA,QAAAA,EAAWvC,IACX6C,EAAQ,EAAK,GACRJ,KAAcE,EAAiB,EAAE;AAAA,IACxC;AAAA,IACA,CAACJ,GAAUE,CAAY;AAAA,EAAA,GAGnBoB,IAAgBH;AAAA,IACpB,CAACI,MAA8C;AAC7C,UAAI,EAAAA,EAAM,YAAY,eAAeA,EAAM,YAAY,MACvD;AAAA,YAAI,CAAClB,KAAQkB,EAAM,QAAQ,eAAeP,EAAY,SAAS,GAAG;AAChE,UAAAO,EAAM,eAAA,GACNjB,EAAQ,EAAI;AACZ;AAAA,QACF;AACA,YAAKD;AACL,cAAIkB,EAAM,QAAQ;AAChB,YAAAA,EAAM,eAAA,GACNf,EAAe,CAACgB,OAAOA,IAAI,KAAK,KAAK,IAAIR,EAAY,QAAQ,CAAC,CAAC;AAAA,mBACtDO,EAAM,QAAQ;AACvB,YAAAA,EAAM,eAAA,GACNf;AAAA,cACE,CAACgB,OACEA,IAAI,IAAI,KAAK,IAAIR,EAAY,QAAQ,CAAC,KACvC,KAAK,IAAIA,EAAY,QAAQ,CAAC;AAAA,YAAA;AAAA,mBAEzBO,EAAM,QAAQ,SAAS;AAChC,kBAAM9D,IAAOuD,EAAYT,CAAW;AACpC,YAAI9C,MACF8D,EAAM,eAAA,GACNF,EAAO5D,CAAI;AAAA,UAEf,MAAA,CAAW8D,EAAM,QAAQ,aACvBA,EAAM,eAAA,GACNjB,EAAQ,EAAK;AAAA;AAAA,IAEjB;AAAA,IACA,CAACD,GAAMW,GAAaT,GAAac,CAAM;AAAA,EAAA,GAGnC/B,IACJpB,KAAeW,EAAE,sBAAsB,SAAc,GAEjD4C,IAAaT,EAAY,SAAS,GAKlCU,IACJrB,KAAQoB,IAAa,GAAGd,CAAS,WAAWJ,CAAW,KAAK;AAE9D,SACE,gBAAAf,EAACmC,EAAa,MAAb,EAAkB,MAAMtB,KAAQoB,GAAY,cAAcnB,GACzD,UAAA,gBAAAf;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKI;AAAA,MACJ,GAAGN;AAAA,MACJ,kBAAe;AAAA,MACf,WAAW,CAACrC,GAAsB,EAAE,MAAAe,GAAM,SAAAC,EAAA,CAAS,GAAGI,CAAS,EAC5D,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAoB,EAACmC,EAAa,QAAb,EAAoB,SAAO,IAC1B,UAAA,gBAAApC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,WAAW+B;AAAA,YAEX,UAAA;AAAA,cAAA,gBAAA9B;AAAA,gBAACoC;AAAA,gBAAA;AAAA,kBACC,KAAKnB;AAAA,kBACL,MAAA1C;AAAA,kBACA,OAAOX;AAAA,kBACP,SAAS8D;AAAA,kBACT,aAAa5B;AAAA,kBACb,cAAYT,EAAE,gBAAgB,QAAQ;AAAA,kBACtC,qBAAmBO;AAAA,kBACnB,MAAK;AAAA,kBACL,iBAAeiB,KAAQoB;AAAA,kBACvB,iBAAed;AAAA,kBACf,yBAAuBe;AAAA,gBAAA;AAAA,cAAA;AAAA,cAExBvD,IACC,gBAAAqB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACTvC,EAAA;AAAA,oBACA;AAAA,oBACA;AAAA,kBAAA,EACA,KAAK,GAAG;AAAA,kBAET,UAAAkC;AAAA,gBAAA;AAAA,cAAA,IAED;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QACA,gBAAAK,EAACmC,EAAa,QAAb,EACC,UAAA,gBAAAnC;AAAA,UAACmC,EAAa;AAAA,UAAb;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,YAAY;AAAA,YACZ,cAAY9C,EAAE,uBAAuB,gBAAgB;AAAA,YACrD,iBAAiB,CAAC,MAAM,EAAE,eAAA;AAAA,YAI1B,WAAW;AAAA,cACT3B,GAAA;AAAA,cACA;AAAA,YAAA,EACA,KAAK,GAAG;AAAA,YAMV,UAAA,gBAAAsC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAImB;AAAA,gBACJ,MAAK;AAAA,gBACL,cAAY9B,EAAE,uBAAuB,gBAAgB;AAAA,gBACrD,WAAU;AAAA,gBAET,UAAAkB,KAAWA,EAAQ,SAAS,IAC3B8B;AAAA,kBACE9B;AAAA,kBACAQ;AAAA,kBACAI;AAAA,kBACAU;AAAA,kBACAb;AAAA,gBAAA,IAGF,gBAAAhB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,WAAU;AAAA,oBAET,UAAAX,EAAE,oBAAoB,8BAAwC;AAAA,sBAC7D,OAAAzB;AAAA,oBAAA,CACD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASyE,GACPxE,GACAkD,GACAI,GACAmB,GACAC,GACW;AACX,MAAIC,IAAY;AAIhB,SAAO3E,EAAO,IAAI,CAAC4E,GAAOC,MAAO;AAC/B,UAAMC,IAAYF,EAAM,UAAU,GAAGtB,CAAS,UAAUuB,CAAE,aAAa;AACvE,WACE,gBAAA3C;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAM0C,EAAM,UAAU,UAAU;AAAA,QAChC,mBAAiBE;AAAA,QAEhB,UAAA;AAAA,UAAAF,EAAM,UACL,gBAAAzC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI2C;AAAA,cACJ,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,UAAAF,EAAM;AAAA,YAAA;AAAA,UAAA,IAEP;AAAA,UACHA,EAAM,MAAM,IAAI,CAACxE,MAAS;AACzB,kBAAM2E,IAAUJ;AAChB,YAAAA,KAAa;AACb,kBAAMK,IAAWD,MAAY7B,GACvB+B,IAAW,GAAG3B,CAAS,WAAWyB,CAAO,IACzCG,IAAWC,GAAmB/E,EAAK,IAAI,GACvCgF,IAAc;AAAA,cAClB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAJ,IAAW,yBAAyB;AAAA,YAAA,EACpC,KAAK,GAAG,GACJK,IACJ,gBAAAnD,EAAAoD,GAAA,EACG,UAAA;AAAA,cAAAlF,EAAK,OACJ,gBAAA+B;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,eAAY;AAAA,kBACZ,WAAU;AAAA,kBAET,UAAA/B,EAAK;AAAA,gBAAA;AAAA,cAAA,IAEN;AAAA,cACJ,gBAAA+B,EAAC,QAAA,EAAK,WAAU,kDACb,YAAK,OACR;AAAA,cACC/B,EAAK,OACJ,gBAAA+B,EAAC,QAAA,EAAK,WAAU,0DACb,UAAA/B,EAAK,MACR,IACE;AAAA,YAAA,GACN,GAEImF,IAAS;AAAA,cACb,IAAIN;AAAA,cACJ,MAAM;AAAA,cACN,iBAAiBD;AAAA;AAAA;AAAA,cAGjB,aAAa,CAACQ,MAAwB;AACpC,gBAAAA,EAAE,eAAA,GACFf,EAASrE,CAAI;AAAA,cACf;AAAA,cACA,cAAc,MAAMsE,EAAUK,CAAO;AAAA,cACrC,WAAWK;AAAA,YAAA;AAEb,mBAAIF,IAEA,gBAAA/C,EAAC,OAAgB,MAAM+C,GAAW,GAAGK,GAClC,UAAAF,KADKjF,EAAK,EAEb,sBAID,OAAA,EAAmB,GAAGmF,GACpB,UAAAF,EAAA,GADOjF,EAAK,EAEf;AAAA,UAEJ,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MA1EI,KAAKyE,CAAE;AAAA,IAAA;AAAA,EA6ElB,CAAC;AACH;AAQA,SAASM,GAAmBM,GAA8C;AACxE,MAAI,CAACA,EAAM;AACX,QAAMC,IAAUD,EAAK,KAAA;AACrB,MAAIC,MAAY,OACZ,2BAA2B,KAAKA,CAAO,KAGvC,oBAAoB,KAAKA,CAAO;AAAG,WAAOA;AAEhD;"}

package/dist/_chunks/{search-input-D6rarD0_.js → search-input-CtkWITO2.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 import { jsx as t, jsxs as ne } from "react/jsx-runtime";
-import { forwardRef as ie, useState as A, useRef as B, useCallback as m, useLayoutEffect as oe, useEffect as ae } from "react";
+import { forwardRef as ie, useState as A, useRef as B, useCallback as m, useLayoutEffect as ae, useEffect as oe } from "react";
 import { c as b } from "./index-D2ZczOXr.js";
 import { useTranslation as de } from "react-i18next";
-import { T as le } from "./text-input-lh6kRXZS.js";
-import { S as ce } from "./spinner-CoAOGcDa.js";
+import { T as le } from "./text-input-exh7VD7D.js";
+import { S as ce } from "./spinner-GCcv67vh.js";
 import { u as ue } from "./form-field-context-94LwgYTQ.js";
 import { u as fe } from "./use-debounced-callback-BisrB-Fq.js";
 import { S as F } from "./search-BonnQsHv.js";
 import { X as me } from "./x-CCcI3eJp.js";
-const be = b("ds:relative ds:w-full"), ve = b(
+const be = b("ds:relative ds:w-full"), pe = b(
   [
     "ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3",
     "ds:inline-flex ds:items-center ds:justify-center ds:pointer-events-auto",
@@ -19,7 +19,7 @@ const be = b("ds:relative ds:w-full"), ve = b(
     "ds:rounded-[var(--radius-sm)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
-), pe = b(
+), ve = b(
   [
     "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
     "ds:size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]",
@@ -39,20 +39,20 @@ const be = b("ds:relative ds:w-full"), ve = b(
 );
 function xe(i) {
   if (!i) return !1;
-  const a = i.tagName;
-  return !!(a === "INPUT" || a === "TEXTAREA" || a === "SELECT" || i.isContentEditable);
+  const o = i.tagName;
+  return !!(o === "INPUT" || o === "TEXTAREA" || o === "SELECT" || i.isContentEditable);
 }
 const ge = ie(
   ({
     value: i,
-    defaultValue: a,
+    defaultValue: o,
     onChange: n,
     onInput: r,
     debounceMs: K = 200,
     isLoading: c = !1,
     variant: d = "inline",
     size: L = "md",
-    globalShortcut: v,
+    globalShortcut: p,
     placeholder: P,
     disabled: X,
     className: N,
@@ -64,18 +64,18 @@ const ge = ie(
     role: H,
     ...u
   }, l) => {
-    const { t: p } = de(), T = ue(), V = U ?? T.id, h = !!(T.disabled || X), x = i !== void 0, [J, M] = A(
-      String(a ?? "")
-    ), j = x ? String(i) : J, g = j.length > 0, o = B(null), Q = m(
+    const { t: v } = de(), T = ue(), V = U ?? T.id, h = !!(T.disabled || X), x = i !== void 0, [J, M] = A(
+      String(o ?? "")
+    ), j = x ? String(i) : J, g = j.length > 0, a = B(null), Q = m(
       (e) => {
-        o.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
+        a.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
       },
       [l]
     ), [y, E] = A(
       d === "inline" || g
     ), f = B(!1);
-    oe(() => {
-      f.current && o.current && (o.current.focus(), f.current = !1);
+    ae(() => {
+      f.current && a.current && (a.current.focus(), f.current = !1);
     });
     const w = fe(
       (e) => {
@@ -100,26 +100,26 @@ const ge = ie(
       r == null || r(s);
     }, _ = (e) => {
       var s;
-      e.key === "Escape" && (e.nativeEvent.isComposing || g && (e.preventDefault(), e.stopPropagation(), k(""), r == null || r(""), S(""), (s = o.current) == null || s.focus()));
+      e.key === "Escape" && (e.nativeEvent.isComposing || g && (e.preventDefault(), e.stopPropagation(), k(""), r == null || r(""), S(""), (s = a.current) == null || s.focus()));
     }, $ = () => {
       var e;
-      k(""), r == null || r(""), S(""), (e = o.current) == null || e.focus();
+      k(""), r == null || r(""), S(""), (e = a.current) == null || e.focus();
     }, I = (e) => {
       d === "expandable" && e.currentTarget.value === "" && E(!1);
     }, C = m(() => {
       var e;
-      d === "expandable" && !y ? (f.current = !0, E(!0)) : (e = o.current) == null || e.focus();
+      d === "expandable" && !y ? (f.current = !0, E(!0)) : (e = a.current) == null || e.focus();
     }, [d, y]);
-    ae(() => {
-      if (!v) return;
+    oe(() => {
+      if (!p) return;
       const e = (s) => {
-        s.key === v && (s.isComposing || s.defaultPrevented || xe(document.activeElement) || (s.preventDefault(), C()));
+        s.key === p && (s.isComposing || s.defaultPrevented || xe(document.activeElement) || (s.preventDefault(), C()));
       };
       return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-    }, [v, C]);
-    const ee = p("ui.inputs.search.clear", "Clear search"), D = p("ui.inputs.search.loading", "Searching…"), se = p("ui.inputs.search.placeholder", "Search…"), z = P ?? se;
+    }, [p, C]);
+    const ee = v("ui.inputs.search.clear", "Clear search"), D = v("ui.inputs.search.loading", "Searching…"), se = v("ui.inputs.search.placeholder", "Search…"), z = P ?? se;
     if (d === "expandable" && !y)
-      return /* @__PURE__ */ t("div", { className: he({ className: N }), children: /* @__PURE__ */ t(
+      return /* @__PURE__ */ t("div", { "data-component": "search-input", className: he({ className: N }), children: /* @__PURE__ */ t(
         "button",
         {
           type: "button",
@@ -130,7 +130,7 @@ const ge = ie(
           onClick: () => {
             f.current = !0, E(!0);
           },
-          className: pe(),
+          className: ve(),
           children: /* @__PURE__ */ t(F, { "aria-hidden": "true", className: "ds:size-4" })
         }
       ) });
@@ -140,7 +140,7 @@ const ge = ie(
       "aria-controls": u["aria-controls"],
       "aria-activedescendant": u["aria-activedescendant"]
     } : void 0, R = g && !c && !h, re = c ? /* @__PURE__ */ t(ce, { size: "sm", label: D }) : R ? /* @__PURE__ */ t("span", { className: "ds:inline-block ds:size-4", "aria-hidden": "true" }) : void 0;
-    return /* @__PURE__ */ ne("div", { className: be({ className: N }), children: [
+    return /* @__PURE__ */ ne("div", { "data-component": "search-input", className: be({ className: N }), children: [
       /* @__PURE__ */ t(
         le,
         {
@@ -173,7 +173,7 @@ const ge = ie(
           type: "button",
           "aria-label": ee,
           onClick: $,
-          className: ve(),
+          className: pe(),
           children: /* @__PURE__ */ t(me, { "aria-hidden": "true", className: "ds:size-4" })
         }
       ) : null,
@@ -194,4 +194,4 @@ ge.displayName = "SearchInput";
 export {
   ge as S
 };
-//# sourceMappingURL=search-input-D6rarD0_.js.map
+//# sourceMappingURL=search-input-CtkWITO2.js.map