@neuronection/assistant-ui 0.18.0 → 0.20.0

package/dist/chunk-I37SYHM7.js

@@ -1,123 +0,0 @@
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-SIIY2EGI.js';
-import { cn } from './chunk-BLJWR4ZV.js';
-import * as React from 'react';
-import { Sparkles, Send } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var AiActionsDropdown = React.forwardRef(function AiActionsDropdown2({
-  actions,
-  onAction,
-  onPrompt,
-  busy = false,
-  error,
-  label = "AI actions",
-  title,
-  promptLabel = "Ask something custom",
-  promptPlaceholder,
-  promptSubmitLabel = "Send",
-  disabled = false,
-  align = "end",
-  side = "bottom",
-  className,
-  panelClassName
-}, ref) {
-  const [open, setOpen] = React.useState(false);
-  const [prompt, setPrompt] = React.useState("");
-  const sendPrompt = () => {
-    const trimmed = prompt.trim();
-    if (!trimmed || busy || !onPrompt) return;
-    onPrompt(trimmed);
-    setPrompt("");
-  };
-  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs("span", { className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, disabled: disabled || busy, children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        type: "button",
-        "data-as": "ai-actions-dropdown",
-        "aria-label": label,
-        className: cn(
-          "inline-flex size-7 cursor-pointer items-center justify-center rounded-full bg-[color-mix(in_srgb,var(--as-ai)_12%,transparent)] text-[var(--as-ai)] transition-[filter] hover:brightness-95 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)] disabled:pointer-events-none disabled:opacity-50",
-          className
-        ),
-        children: /* @__PURE__ */ jsx(Sparkles, { className: "size-4", "aria-hidden": true })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        side,
-        align,
-        "aria-label": title ?? label,
-        className: cn("w-64 p-1.5", panelClassName),
-        children: /* @__PURE__ */ jsxs("div", { "data-as": "ai-actions-panel", role: "menu", children: [
-          title ? /* @__PURE__ */ jsx("p", { className: "px-2 pb-1 pt-1.5 text-xs font-semibold uppercase tracking-wide text-[var(--as-muted-fg)]", children: title }) : null,
-          actions.map((action) => /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              role: "menuitem",
-              disabled: busy,
-              onClick: () => onAction(action),
-              className: "flex w-full cursor-pointer items-start gap-2.5 rounded-[var(--as-radius-sm)] px-2 py-2 text-left transition-colors hover:bg-[var(--as-secondary)] disabled:pointer-events-none disabled:opacity-50",
-              children: [
-                /* @__PURE__ */ jsx(
-                  action.icon,
-                  {
-                    className: "mt-0.5 size-4 shrink-0 text-[var(--as-ai)]",
-                    "aria-hidden": true
-                  }
-                ),
-                /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--as-fg)]", children: action.label }),
-                  action.description ? /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--as-muted-fg)]", children: action.description }) : null
-                ] })
-              ]
-            },
-            action.id
-          )),
-          onPrompt ? /* @__PURE__ */ jsxs(
-            "form",
-            {
-              className: "mt-1 flex items-center gap-1.5 border-t border-[var(--as-border)] p-1.5",
-              onSubmit: (event) => {
-                event.preventDefault();
-                sendPrompt();
-              },
-              children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "text",
-                    "aria-label": promptLabel,
-                    placeholder: promptPlaceholder ?? promptLabel,
-                    value: prompt,
-                    onChange: (event) => setPrompt(event.target.value),
-                    className: "h-7 w-full bg-transparent text-sm outline-none placeholder:text-[var(--as-muted-fg)]"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "submit",
-                    "aria-label": promptSubmitLabel,
-                    disabled: busy || !prompt.trim(),
-                    className: "shrink-0 cursor-pointer rounded-[var(--as-radius-sm)] bg-[var(--as-ai)] p-1 text-[var(--as-ai-fg)] transition-opacity hover:opacity-90 disabled:pointer-events-none disabled:opacity-40",
-                    children: /* @__PURE__ */ jsx(Send, { className: "size-3", "aria-hidden": true })
-                  }
-                )
-              ]
-            }
-          ) : null,
-          busy ? /* @__PURE__ */ jsx("p", { className: "px-2 pb-1.5 text-xs text-[var(--as-muted-fg)]", role: "status", children: "\u2026" }) : null,
-          error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "px-2 pb-1.5 text-xs text-[var(--as-danger)]", children: error }) : null
-        ] })
-      }
-    )
-  ] }) });
-});
-
-export { AiActionsDropdown };
-//# sourceMappingURL=chunk-I37SYHM7.js.map
-//# sourceMappingURL=chunk-I37SYHM7.js.map

package/dist/chunk-I37SYHM7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ai-actions-dropdown/AiActionsDropdown.tsx"],"names":["AiActionsDropdown"],"mappings":"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","file":"chunk-I37SYHM7.js","sourcesContent":["import * as React from 'react'\nimport { Send, Sparkles, type LucideIcon } from 'lucide-react'\nimport { cn } from '../../lib/utils'\nimport { Popover, PopoverContent, PopoverTrigger } from '../popover'\n\nexport interface AiAction {\n  id: string\n  label: string\n  description?: string\n  icon: LucideIcon\n}\n\nexport interface AiActionsDropdownProps {\n  actions: AiAction[]\n  onAction: (action: AiAction) => void\n  onPrompt?: (prompt: string) => void\n  busy?: boolean\n  error?: string | null\n  label?: string\n  title?: string\n  promptLabel?: string\n  promptPlaceholder?: string\n  promptSubmitLabel?: string\n  disabled?: boolean\n  align?: 'start' | 'center' | 'end'\n  side?: 'top' | 'bottom' | 'left' | 'right'\n  className?: string\n  panelClassName?: string\n}\n\nexport const AiActionsDropdown = React.forwardRef<\n  HTMLButtonElement,\n  AiActionsDropdownProps\n>(function AiActionsDropdown(\n  {\n    actions,\n    onAction,\n    onPrompt,\n    busy = false,\n    error,\n    label = 'AI actions',\n    title,\n    promptLabel = 'Ask something custom',\n    promptPlaceholder,\n    promptSubmitLabel = 'Send',\n    disabled = false,\n    align = 'end',\n    side = 'bottom',\n    className,\n    panelClassName,\n  },\n  ref,\n) {\n  const [open, setOpen] = React.useState(false)\n  const [prompt, setPrompt] = React.useState('')\n\n  const sendPrompt = () => {\n    const trimmed = prompt.trim()\n    if (!trimmed || busy || !onPrompt) return\n    onPrompt(trimmed)\n    setPrompt('')\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <span className=\"relative inline-flex\">\n        <PopoverTrigger asChild disabled={disabled || busy}>\n          <button\n            ref={ref}\n            type=\"button\"\n            data-as=\"ai-actions-dropdown\"\n            aria-label={label}\n            className={cn(\n              'inline-flex size-7 cursor-pointer items-center justify-center rounded-full bg-[color-mix(in_srgb,var(--as-ai)_12%,transparent)] text-[var(--as-ai)] transition-[filter] hover:brightness-95 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)] disabled:pointer-events-none disabled:opacity-50',\n              className,\n            )}\n          >\n            <Sparkles className=\"size-4\" aria-hidden />\n          </button>\n        </PopoverTrigger>\n        <PopoverContent\n          side={side}\n          align={align}\n          aria-label={title ?? label}\n          className={cn('w-64 p-1.5', panelClassName)}\n        >\n          <div data-as=\"ai-actions-panel\" role=\"menu\">\n            {title ? (\n              <p className=\"px-2 pb-1 pt-1.5 text-xs font-semibold uppercase tracking-wide text-[var(--as-muted-fg)]\">\n                {title}\n              </p>\n            ) : null}\n            {actions.map((action) => (\n              <button\n                key={action.id}\n                type=\"button\"\n                role=\"menuitem\"\n                disabled={busy}\n                onClick={() => onAction(action)}\n                className=\"flex w-full cursor-pointer items-start gap-2.5 rounded-[var(--as-radius-sm)] px-2 py-2 text-left transition-colors hover:bg-[var(--as-secondary)] disabled:pointer-events-none disabled:opacity-50\"\n              >\n                <action.icon\n                  className=\"mt-0.5 size-4 shrink-0 text-[var(--as-ai)]\"\n                  aria-hidden\n                />\n                <span className=\"flex min-w-0 flex-col\">\n                  <span className=\"text-sm font-medium text-[var(--as-fg)]\">\n                    {action.label}\n                  </span>\n                  {action.description ? (\n                    <span className=\"text-xs text-[var(--as-muted-fg)]\">\n                      {action.description}\n                    </span>\n                  ) : null}\n                </span>\n              </button>\n            ))}\n            {onPrompt ? (\n              <form\n                className=\"mt-1 flex items-center gap-1.5 border-t border-[var(--as-border)] p-1.5\"\n                onSubmit={(event) => {\n                  event.preventDefault()\n                  sendPrompt()\n                }}\n              >\n                <input\n                  type=\"text\"\n                  aria-label={promptLabel}\n                  placeholder={promptPlaceholder ?? promptLabel}\n                  value={prompt}\n                  onChange={(event) => setPrompt(event.target.value)}\n                  className=\"h-7 w-full bg-transparent text-sm outline-none placeholder:text-[var(--as-muted-fg)]\"\n                />\n                <button\n                  type=\"submit\"\n                  aria-label={promptSubmitLabel}\n                  disabled={busy || !prompt.trim()}\n                  className=\"shrink-0 cursor-pointer rounded-[var(--as-radius-sm)] bg-[var(--as-ai)] p-1 text-[var(--as-ai-fg)] transition-opacity hover:opacity-90 disabled:pointer-events-none disabled:opacity-40\"\n                >\n                  <Send className=\"size-3\" aria-hidden />\n                </button>\n              </form>\n            ) : null}\n            {busy ? (\n              <p className=\"px-2 pb-1.5 text-xs text-[var(--as-muted-fg)]\" role=\"status\">\n                …\n              </p>\n            ) : null}\n            {error ? (\n              <p role=\"alert\" className=\"px-2 pb-1.5 text-xs text-[var(--as-danger)]\">\n                {error}\n              </p>\n            ) : null}\n          </div>\n        </PopoverContent>\n      </span>\n    </Popover>\n  )\n})\n"]}