@elabs-ai/components-ai 4.2.0 → 5.1.0

package/dist/chunk-RTCSH2AN.js

@@ -0,0 +1,331 @@
+"use client";
+
+// src/voice-selector.tsx
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { Button } from "@elabs-ai/components-ui";
+import {
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut
+} from "@elabs-ai/components-ui";
+import { Dialog, DialogContent, DialogTitle, DialogTrigger } from "@elabs-ai/components-ui";
+import { Spinner } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { useLocale } from "@elabs-ai/components-ui";
+import {
+  CircleSmallIcon,
+  MarsIcon,
+  MarsStrokeIcon,
+  NonBinaryIcon,
+  PauseIcon,
+  PlayIcon,
+  TransgenderIcon,
+  VenusAndMarsIcon,
+  VenusIcon
+} from "lucide-react";
+import { createContext, useCallback, useContext, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var VoiceSelectorContext = createContext(null);
+var useVoiceSelector = () => {
+  const context = useContext(VoiceSelectorContext);
+  if (!context) {
+    throw new Error("VoiceSelector components must be used within VoiceSelector");
+  }
+  return context;
+};
+var VoiceSelector = ({
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  children,
+  ...props
+}) => {
+  const [value, setValue] = useControllableState({
+    defaultProp: defaultValue,
+    onChange: onValueChange,
+    prop: valueProp
+  });
+  const [open, setOpen] = useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  const voiceSelectorContext = useMemo(
+    () => ({ open, setOpen, setValue, value }),
+    [value, setValue, open, setOpen]
+  );
+  return /* @__PURE__ */ jsx(VoiceSelectorContext.Provider, { value: voiceSelectorContext, children: /* @__PURE__ */ jsx(Dialog, { onOpenChange: setOpen, open, ...props, children }) });
+};
+var VoiceSelectorTrigger = (props) => /* @__PURE__ */ jsx(DialogTrigger, { ...props });
+var VoiceSelectorContent = ({
+  className,
+  children,
+  title = "Voice Selector",
+  ...props
+}) => /* @__PURE__ */ jsxs(DialogContent, { "aria-describedby": void 0, className: cn("p-0", className), ...props, children: [
+  /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: title }),
+  /* @__PURE__ */ jsx(Command, { className: "**:data-[slot=command-input-wrapper]:h-auto", children })
+] });
+var VoiceSelectorDialog = (props) => /* @__PURE__ */ jsx(CommandDialog, { ...props });
+var VoiceSelectorInput = ({ className, ...props }) => /* @__PURE__ */ jsx(CommandInput, { className: cn("h-auto py-3.5", className), ...props });
+var VoiceSelectorList = (props) => /* @__PURE__ */ jsx(CommandList, { ...props });
+var VoiceSelectorEmpty = (props) => /* @__PURE__ */ jsx(CommandEmpty, { ...props });
+var VoiceSelectorGroup = (props) => /* @__PURE__ */ jsx(CommandGroup, { ...props });
+var VoiceSelectorItem = ({ className, ...props }) => /* @__PURE__ */ jsx(CommandItem, { className: cn("px-4 py-2", className), ...props });
+var VoiceSelectorShortcut = (props) => /* @__PURE__ */ jsx(CommandShortcut, { ...props });
+var VoiceSelectorSeparator = (props) => /* @__PURE__ */ jsx(CommandSeparator, { ...props });
+var VoiceSelectorGender = ({
+  className,
+  value,
+  children,
+  ...props
+}) => {
+  let icon = null;
+  switch (value) {
+    case "male": {
+      icon = /* @__PURE__ */ jsx(MarsIcon, { className: "size-4" });
+      break;
+    }
+    case "female": {
+      icon = /* @__PURE__ */ jsx(VenusIcon, { className: "size-4" });
+      break;
+    }
+    case "transgender": {
+      icon = /* @__PURE__ */ jsx(TransgenderIcon, { className: "size-4" });
+      break;
+    }
+    case "androgyne": {
+      icon = /* @__PURE__ */ jsx(MarsStrokeIcon, { className: "size-4" });
+      break;
+    }
+    case "non-binary": {
+      icon = /* @__PURE__ */ jsx(NonBinaryIcon, { className: "size-4" });
+      break;
+    }
+    case "intersex": {
+      icon = /* @__PURE__ */ jsx(VenusAndMarsIcon, { className: "size-4" });
+      break;
+    }
+    default: {
+      icon = /* @__PURE__ */ jsx(CircleSmallIcon, { className: "size-4" });
+    }
+  }
+  return /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground text-meta", className), ...props, children: children ?? icon });
+};
+var VoiceSelectorAccent = ({
+  className,
+  value,
+  children,
+  ...props
+}) => {
+  let emoji = null;
+  switch (value) {
+    case "american": {
+      emoji = "\u{1F1FA}\u{1F1F8}";
+      break;
+    }
+    case "british": {
+      emoji = "\u{1F1EC}\u{1F1E7}";
+      break;
+    }
+    case "australian": {
+      emoji = "\u{1F1E6}\u{1F1FA}";
+      break;
+    }
+    case "canadian": {
+      emoji = "\u{1F1E8}\u{1F1E6}";
+      break;
+    }
+    case "irish": {
+      emoji = "\u{1F1EE}\u{1F1EA}";
+      break;
+    }
+    case "scottish": {
+      emoji = "\u{1F3F4}\u{E0067}\u{E0062}\u{E0073}\u{E0063}\u{E0074}\u{E007F}";
+      break;
+    }
+    case "indian": {
+      emoji = "\u{1F1EE}\u{1F1F3}";
+      break;
+    }
+    case "south-african": {
+      emoji = "\u{1F1FF}\u{1F1E6}";
+      break;
+    }
+    case "new-zealand": {
+      emoji = "\u{1F1F3}\u{1F1FF}";
+      break;
+    }
+    case "spanish": {
+      emoji = "\u{1F1EA}\u{1F1F8}";
+      break;
+    }
+    case "french": {
+      emoji = "\u{1F1EB}\u{1F1F7}";
+      break;
+    }
+    case "german": {
+      emoji = "\u{1F1E9}\u{1F1EA}";
+      break;
+    }
+    case "italian": {
+      emoji = "\u{1F1EE}\u{1F1F9}";
+      break;
+    }
+    case "portuguese": {
+      emoji = "\u{1F1F5}\u{1F1F9}";
+      break;
+    }
+    case "brazilian": {
+      emoji = "\u{1F1E7}\u{1F1F7}";
+      break;
+    }
+    case "mexican": {
+      emoji = "\u{1F1F2}\u{1F1FD}";
+      break;
+    }
+    case "argentinian": {
+      emoji = "\u{1F1E6}\u{1F1F7}";
+      break;
+    }
+    case "japanese": {
+      emoji = "\u{1F1EF}\u{1F1F5}";
+      break;
+    }
+    case "chinese": {
+      emoji = "\u{1F1E8}\u{1F1F3}";
+      break;
+    }
+    case "korean": {
+      emoji = "\u{1F1F0}\u{1F1F7}";
+      break;
+    }
+    case "russian": {
+      emoji = "\u{1F1F7}\u{1F1FA}";
+      break;
+    }
+    case "arabic": {
+      emoji = "\u{1F1F8}\u{1F1E6}";
+      break;
+    }
+    case "dutch": {
+      emoji = "\u{1F1F3}\u{1F1F1}";
+      break;
+    }
+    case "swedish": {
+      emoji = "\u{1F1F8}\u{1F1EA}";
+      break;
+    }
+    case "norwegian": {
+      emoji = "\u{1F1F3}\u{1F1F4}";
+      break;
+    }
+    case "danish": {
+      emoji = "\u{1F1E9}\u{1F1F0}";
+      break;
+    }
+    case "finnish": {
+      emoji = "\u{1F1EB}\u{1F1EE}";
+      break;
+    }
+    case "polish": {
+      emoji = "\u{1F1F5}\u{1F1F1}";
+      break;
+    }
+    case "turkish": {
+      emoji = "\u{1F1F9}\u{1F1F7}";
+      break;
+    }
+    case "greek": {
+      emoji = "\u{1F1EC}\u{1F1F7}";
+      break;
+    }
+    default: {
+      emoji = null;
+    }
+  }
+  return /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground text-meta", className), ...props, children: children ?? emoji });
+};
+var VoiceSelectorAge = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground text-meta tabular-nums", className), ...props });
+var VoiceSelectorName = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("flex-1 truncate text-start font-medium", className), ...props });
+var VoiceSelectorDescription = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground text-meta", className), ...props });
+var VoiceSelectorAttributes = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx("div", { className: cn("flex items-center text-meta", className), ...props, children });
+var VoiceSelectorBullet = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn("select-none text-border", className), ...props, children: "\u2022" });
+var VoiceSelectorPreview = ({
+  className,
+  playing,
+  loading,
+  onPlay,
+  onClick,
+  ...props
+}) => {
+  const { t } = useLocale();
+  const handleClick = useCallback(
+    (event) => {
+      event.stopPropagation();
+      onClick?.(event);
+      onPlay?.();
+    },
+    [onClick, onPlay]
+  );
+  let icon = /* @__PURE__ */ jsx(PlayIcon, { className: "size-3" });
+  if (loading) {
+    icon = /* @__PURE__ */ jsx(Spinner, { className: "size-3" });
+  } else if (playing) {
+    icon = /* @__PURE__ */ jsx(PauseIcon, { className: "size-3" });
+  }
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      "aria-label": playing ? t("ai.voiceSelector.pausePreview") : t("ai.voiceSelector.playPreview"),
+      className: cn("size-6", className),
+      disabled: loading,
+      onClick: handleClick,
+      size: "icon-sm",
+      type: "button",
+      variant: "outline",
+      ...props,
+      children: icon
+    }
+  );
+};
+
+export {
+  useVoiceSelector,
+  VoiceSelector,
+  VoiceSelectorTrigger,
+  VoiceSelectorContent,
+  VoiceSelectorDialog,
+  VoiceSelectorInput,
+  VoiceSelectorList,
+  VoiceSelectorEmpty,
+  VoiceSelectorGroup,
+  VoiceSelectorItem,
+  VoiceSelectorShortcut,
+  VoiceSelectorSeparator,
+  VoiceSelectorGender,
+  VoiceSelectorAccent,
+  VoiceSelectorAge,
+  VoiceSelectorName,
+  VoiceSelectorDescription,
+  VoiceSelectorAttributes,
+  VoiceSelectorBullet,
+  VoiceSelectorPreview
+};
+//# sourceMappingURL=chunk-RTCSH2AN.js.map

package/dist/chunk-RTCSH2AN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/voice-selector.tsx"],"sourcesContent":["\"use client\";\n\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { Button } from \"@elabs-ai/components-ui\";\nimport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from \"@elabs-ai/components-ui\";\nimport { Dialog, DialogContent, DialogTitle, DialogTrigger } from \"@elabs-ai/components-ui\";\nimport { Spinner } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { useLocale } from \"@elabs-ai/components-ui\";\nimport {\n  CircleSmallIcon,\n  MarsIcon,\n  MarsStrokeIcon,\n  NonBinaryIcon,\n  PauseIcon,\n  PlayIcon,\n  TransgenderIcon,\n  VenusAndMarsIcon,\n  VenusIcon,\n} from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { createContext, useCallback, useContext, useMemo } from \"react\";\n\ninterface VoiceSelectorContextValue {\n  value: string | undefined;\n  setValue: (value: string | undefined) => void;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nconst VoiceSelectorContext = createContext<VoiceSelectorContextValue | null>(null);\n\nexport const useVoiceSelector = () => {\n  const context = useContext(VoiceSelectorContext);\n  if (!context) {\n    throw new Error(\"VoiceSelector components must be used within VoiceSelector\");\n  }\n  return context;\n};\n\nexport type VoiceSelectorProps = ComponentProps<typeof Dialog> & {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string | undefined) => void;\n};\n\nexport const VoiceSelector = ({\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n  ...props\n}: VoiceSelectorProps) => {\n  const [value, setValue] = useControllableState({\n    defaultProp: defaultValue,\n    onChange: onValueChange,\n    prop: valueProp,\n  });\n\n  const [open, setOpen] = useControllableState({\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n    prop: openProp,\n  });\n\n  const voiceSelectorContext = useMemo(\n    () => ({ open, setOpen, setValue, value }),\n    [value, setValue, open, setOpen],\n  );\n\n  return (\n    <VoiceSelectorContext.Provider value={voiceSelectorContext}>\n      <Dialog onOpenChange={setOpen} open={open} {...props}>\n        {children}\n      </Dialog>\n    </VoiceSelectorContext.Provider>\n  );\n};\n\nexport type VoiceSelectorTriggerProps = ComponentProps<typeof DialogTrigger>;\n\nexport const VoiceSelectorTrigger = (props: VoiceSelectorTriggerProps) => (\n  <DialogTrigger {...props} />\n);\n\nexport type VoiceSelectorContentProps = ComponentProps<typeof DialogContent> & {\n  title?: ReactNode;\n};\n\nexport const VoiceSelectorContent = ({\n  className,\n  children,\n  title = \"Voice Selector\",\n  ...props\n}: VoiceSelectorContentProps) => (\n  <DialogContent aria-describedby={undefined} className={cn(\"p-0\", className)} {...props}>\n    <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n    <Command className=\"**:data-[slot=command-input-wrapper]:h-auto\">{children}</Command>\n  </DialogContent>\n);\n\nexport type VoiceSelectorDialogProps = ComponentProps<typeof CommandDialog>;\n\nexport const VoiceSelectorDialog = (props: VoiceSelectorDialogProps) => (\n  <CommandDialog {...props} />\n);\n\nexport type VoiceSelectorInputProps = ComponentProps<typeof CommandInput>;\n\nexport const VoiceSelectorInput = ({ className, ...props }: VoiceSelectorInputProps) => (\n  <CommandInput className={cn(\"h-auto py-3.5\", className)} {...props} />\n);\n\nexport type VoiceSelectorListProps = ComponentProps<typeof CommandList>;\n\nexport const VoiceSelectorList = (props: VoiceSelectorListProps) => <CommandList {...props} />;\n\nexport type VoiceSelectorEmptyProps = ComponentProps<typeof CommandEmpty>;\n\nexport const VoiceSelectorEmpty = (props: VoiceSelectorEmptyProps) => <CommandEmpty {...props} />;\n\nexport type VoiceSelectorGroupProps = ComponentProps<typeof CommandGroup>;\n\nexport const VoiceSelectorGroup = (props: VoiceSelectorGroupProps) => <CommandGroup {...props} />;\n\nexport type VoiceSelectorItemProps = ComponentProps<typeof CommandItem>;\n\nexport const VoiceSelectorItem = ({ className, ...props }: VoiceSelectorItemProps) => (\n  <CommandItem className={cn(\"px-4 py-2\", className)} {...props} />\n);\n\nexport type VoiceSelectorShortcutProps = ComponentProps<typeof CommandShortcut>;\n\nexport const VoiceSelectorShortcut = (props: VoiceSelectorShortcutProps) => (\n  <CommandShortcut {...props} />\n);\n\nexport type VoiceSelectorSeparatorProps = ComponentProps<typeof CommandSeparator>;\n\nexport const VoiceSelectorSeparator = (props: VoiceSelectorSeparatorProps) => (\n  <CommandSeparator {...props} />\n);\n\nexport type VoiceSelectorGenderProps = ComponentProps<\"span\"> & {\n  value?: \"male\" | \"female\" | \"transgender\" | \"androgyne\" | \"non-binary\" | \"intersex\";\n};\n\nexport const VoiceSelectorGender = ({\n  className,\n  value,\n  children,\n  ...props\n}: VoiceSelectorGenderProps) => {\n  let icon: ReactNode | null = null;\n\n  switch (value) {\n    case \"male\": {\n      icon = <MarsIcon className=\"size-4\" />;\n      break;\n    }\n    case \"female\": {\n      icon = <VenusIcon className=\"size-4\" />;\n      break;\n    }\n    case \"transgender\": {\n      icon = <TransgenderIcon className=\"size-4\" />;\n      break;\n    }\n    case \"androgyne\": {\n      icon = <MarsStrokeIcon className=\"size-4\" />;\n      break;\n    }\n    case \"non-binary\": {\n      icon = <NonBinaryIcon className=\"size-4\" />;\n      break;\n    }\n    case \"intersex\": {\n      icon = <VenusAndMarsIcon className=\"size-4\" />;\n      break;\n    }\n    default: {\n      icon = <CircleSmallIcon className=\"size-4\" />;\n    }\n  }\n\n  return (\n    <span className={cn(\"text-muted-foreground text-meta\", className)} {...props}>\n      {children ?? icon}\n    </span>\n  );\n};\n\nexport type VoiceSelectorAccentProps = ComponentProps<\"span\"> & {\n  value?:\n    | \"american\"\n    | \"british\"\n    | \"australian\"\n    | \"canadian\"\n    | \"irish\"\n    | \"scottish\"\n    | \"indian\"\n    | \"south-african\"\n    | \"new-zealand\"\n    | \"spanish\"\n    | \"french\"\n    | \"german\"\n    | \"italian\"\n    | \"portuguese\"\n    | \"brazilian\"\n    | \"mexican\"\n    | \"argentinian\"\n    | \"japanese\"\n    | \"chinese\"\n    | \"korean\"\n    | \"russian\"\n    | \"arabic\"\n    | \"dutch\"\n    | \"swedish\"\n    | \"norwegian\"\n    | \"danish\"\n    | \"finnish\"\n    | \"polish\"\n    | \"turkish\"\n    | \"greek\"\n    | string;\n};\n\nexport const VoiceSelectorAccent = ({\n  className,\n  value,\n  children,\n  ...props\n}: VoiceSelectorAccentProps) => {\n  let emoji: string | null = null;\n\n  switch (value) {\n    case \"american\": {\n      emoji = \"🇺🇸\";\n      break;\n    }\n    case \"british\": {\n      emoji = \"🇬🇧\";\n      break;\n    }\n    case \"australian\": {\n      emoji = \"🇦🇺\";\n      break;\n    }\n    case \"canadian\": {\n      emoji = \"🇨🇦\";\n      break;\n    }\n    case \"irish\": {\n      emoji = \"🇮🇪\";\n      break;\n    }\n    case \"scottish\": {\n      emoji = \"🏴󠁧󠁢󠁳󠁣󠁴󠁿\";\n      break;\n    }\n    case \"indian\": {\n      emoji = \"🇮🇳\";\n      break;\n    }\n    case \"south-african\": {\n      emoji = \"🇿🇦\";\n      break;\n    }\n    case \"new-zealand\": {\n      emoji = \"🇳🇿\";\n      break;\n    }\n    case \"spanish\": {\n      emoji = \"🇪🇸\";\n      break;\n    }\n    case \"french\": {\n      emoji = \"🇫🇷\";\n      break;\n    }\n    case \"german\": {\n      emoji = \"🇩🇪\";\n      break;\n    }\n    case \"italian\": {\n      emoji = \"🇮🇹\";\n      break;\n    }\n    case \"portuguese\": {\n      emoji = \"🇵🇹\";\n      break;\n    }\n    case \"brazilian\": {\n      emoji = \"🇧🇷\";\n      break;\n    }\n    case \"mexican\": {\n      emoji = \"🇲🇽\";\n      break;\n    }\n    case \"argentinian\": {\n      emoji = \"🇦🇷\";\n      break;\n    }\n    case \"japanese\": {\n      emoji = \"🇯🇵\";\n      break;\n    }\n    case \"chinese\": {\n      emoji = \"🇨🇳\";\n      break;\n    }\n    case \"korean\": {\n      emoji = \"🇰🇷\";\n      break;\n    }\n    case \"russian\": {\n      emoji = \"🇷🇺\";\n      break;\n    }\n    case \"arabic\": {\n      emoji = \"🇸🇦\";\n      break;\n    }\n    case \"dutch\": {\n      emoji = \"🇳🇱\";\n      break;\n    }\n    case \"swedish\": {\n      emoji = \"🇸🇪\";\n      break;\n    }\n    case \"norwegian\": {\n      emoji = \"🇳🇴\";\n      break;\n    }\n    case \"danish\": {\n      emoji = \"🇩🇰\";\n      break;\n    }\n    case \"finnish\": {\n      emoji = \"🇫🇮\";\n      break;\n    }\n    case \"polish\": {\n      emoji = \"🇵🇱\";\n      break;\n    }\n    case \"turkish\": {\n      emoji = \"🇹🇷\";\n      break;\n    }\n    case \"greek\": {\n      emoji = \"🇬🇷\";\n      break;\n    }\n    default: {\n      emoji = null;\n    }\n  }\n\n  return (\n    <span className={cn(\"text-muted-foreground text-meta\", className)} {...props}>\n      {children ?? emoji}\n    </span>\n  );\n};\n\nexport type VoiceSelectorAgeProps = ComponentProps<\"span\">;\n\nexport const VoiceSelectorAge = ({ className, ...props }: VoiceSelectorAgeProps) => (\n  <span className={cn(\"text-muted-foreground text-meta tabular-nums\", className)} {...props} />\n);\n\nexport type VoiceSelectorNameProps = ComponentProps<\"span\">;\n\nexport const VoiceSelectorName = ({ className, ...props }: VoiceSelectorNameProps) => (\n  <span className={cn(\"flex-1 truncate text-start font-medium\", className)} {...props} />\n);\n\nexport type VoiceSelectorDescriptionProps = ComponentProps<\"span\">;\n\nexport const VoiceSelectorDescription = ({\n  className,\n  ...props\n}: VoiceSelectorDescriptionProps) => (\n  <span className={cn(\"text-muted-foreground text-meta\", className)} {...props} />\n);\n\nexport type VoiceSelectorAttributesProps = ComponentProps<\"div\">;\n\nexport const VoiceSelectorAttributes = ({\n  className,\n  children,\n  ...props\n}: VoiceSelectorAttributesProps) => (\n  <div className={cn(\"flex items-center text-meta\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type VoiceSelectorBulletProps = ComponentProps<\"span\">;\n\nexport const VoiceSelectorBullet = ({ className, ...props }: VoiceSelectorBulletProps) => (\n  <span aria-hidden=\"true\" className={cn(\"select-none text-border\", className)} {...props}>\n    &bull;\n  </span>\n);\n\nexport type VoiceSelectorPreviewProps = Omit<ComponentProps<\"button\">, \"children\"> & {\n  playing?: boolean;\n  loading?: boolean;\n  onPlay?: () => void;\n};\n\nexport const VoiceSelectorPreview = ({\n  className,\n  playing,\n  loading,\n  onPlay,\n  onClick,\n  ...props\n}: VoiceSelectorPreviewProps) => {\n  const { t } = useLocale();\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      event.stopPropagation();\n      onClick?.(event);\n      onPlay?.();\n    },\n    [onClick, onPlay],\n  );\n\n  let icon = <PlayIcon className=\"size-3\" />;\n\n  if (loading) {\n    icon = <Spinner className=\"size-3\" />;\n  } else if (playing) {\n    icon = <PauseIcon className=\"size-3\" />;\n  }\n\n  return (\n    <Button\n      aria-label={playing ? t(\"ai.voiceSelector.pausePreview\") : t(\"ai.voiceSelector.playPreview\")}\n      className={cn(\"size-6\", className)}\n      disabled={loading}\n      onClick={handleClick}\n      size=\"icon-sm\"\n      type=\"button\"\n      variant=\"outline\"\n      {...props}\n    >\n      {icon}\n    </Button>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-S3ISPW3A.js

@@ -0,0 +1,28 @@
+"use client";
+
+// src/_lazy-engine-boundary.tsx
+import { Component } from "react";
+var LazyEngineBoundary = class extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error: { value: error } };
+  }
+  componentDidCatch(error, info) {
+    console.error(
+      "[@elabs-ai/components-ai] a lazy engine failed to load:",
+      error,
+      info.componentStack
+    );
+  }
+  render() {
+    if (this.state.error) {
+      return this.props.renderMissing(this.state.error.value);
+    }
+    return this.props.children;
+  }
+};
+
+export {
+  LazyEngineBoundary
+};
+//# sourceMappingURL=chunk-S3ISPW3A.js.map

package/dist/chunk-S3ISPW3A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/_lazy-engine-boundary.tsx"],"sourcesContent":["\"use client\";\n\nimport { Component, type ErrorInfo, type ReactNode } from \"react\";\n\nexport interface LazyEngineBoundaryProps {\n  children: ReactNode;\n  /**\n   * Called once a wrapped `lazy()` import rejects (an optional peer that is\n   * not installed, or any other load-time failure). Return what to render in\n   * its place — the boundary owns no default visual, since the right\n   * stand-in differs by surface (an orb placeholder for `Persona`, `null`\n   * for an `AudioPlayer` sub-control).\n   */\n  renderMissing: (error: unknown) => ReactNode;\n}\n\ninterface LazyEngineBoundaryState {\n  // Wrapped in an object so `{ value: undefined }` (a boundary that caught\n  // an error whose value happens to be `undefined`) is distinguishable from\n  // \"nothing caught yet\" (`error: null`).\n  error: { value: unknown } | null;\n}\n\n/**\n * Catches a `React.lazy()` load failure — an optional peer dependency that is\n * not installed (issue #33), or any other dynamic-import rejection — and\n * renders a caller-supplied fallback instead of unmounting the tree.\n *\n * `Suspense` alone does not do this: it only covers the PENDING state. A\n * REJECTED lazy import throws during render, and with no boundary above it\n * that throw propagates to the nearest ancestor boundary React DOES find —\n * by default, the whole app. This is the one place in `@elabs-ai/components-ai`\n * that needs a real render-phase error boundary; Mermaid and the interactive\n * terminal fail via an awaited promise instead (Streamdown's `errorComponent`\n * and a `.catch()` on the mount effect, respectively), which don't need one.\n */\nexport class LazyEngineBoundary extends Component<\n  LazyEngineBoundaryProps,\n  LazyEngineBoundaryState\n> {\n  override state: LazyEngineBoundaryState = { error: null };\n\n  static getDerivedStateFromError(error: unknown): LazyEngineBoundaryState {\n    return { error: { value: error } };\n  }\n\n  override componentDidCatch(error: unknown, info: ErrorInfo): void {\n    console.error(\n      \"[@elabs-ai/components-ai] a lazy engine failed to load:\",\n      error,\n      info.componentStack,\n    );\n  }\n\n  override render(): ReactNode {\n    if (this.state.error) {\n      return this.props.renderMissing(this.state.error.value);\n    }\n    return this.props.children;\n  }\n}\n"],"mappings":";;;AAEA,SAAS,iBAAiD;AAkCnD,IAAM,qBAAN,cAAiC,UAGtC;AAAA,EACS,QAAiC,EAAE,OAAO,KAAK;AAAA,EAExD,OAAO,yBAAyB,OAAyC;AACvE,WAAO,EAAE,OAAO,EAAE,OAAO,MAAM,EAAE;AAAA,EACnC;AAAA,EAES,kBAAkB,OAAgB,MAAuB;AAChE,YAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EAES,SAAoB;AAC3B,QAAI,KAAK,MAAM,OAAO;AACpB,aAAO,KAAK,MAAM,cAAc,KAAK,MAAM,MAAM,KAAK;AAAA,IACxD;AACA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;","names":[]}

package/dist/chunk-SEVN656N.js

@@ -0,0 +1,36 @@
+"use client";
+
+// src/_mermaid-error-panel.tsx
+import { Button, StatePanel, isModuleNotFoundMessage, useLocale } from "@elabs-ai/components-ui";
+import { EyeOffIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+function MermaidErrorPanel({ error, retry }) {
+  const { t } = useLocale();
+  if (isModuleNotFoundMessage(error)) {
+    const feature = t("ai.mermaid.feature");
+    return /* @__PURE__ */ jsx("div", { className: "my-4", role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsx(
+      StatePanel,
+      {
+        kind: "empty",
+        className: "border-solid",
+        icon: /* @__PURE__ */ jsx(EyeOffIcon, { "aria-hidden": "true" }),
+        title: t("ai.error.engineMissing", { feature }),
+        description: t("ai.error.engineMissingBody", { feature, packages: "mermaid" })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "my-4", children: /* @__PURE__ */ jsx(
+    StatePanel,
+    {
+      kind: "error",
+      title: t("ai.mermaid.renderError"),
+      description: error,
+      actions: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", onClick: retry, children: t("ai.error.retry") })
+    }
+  ) });
+}
+
+export {
+  MermaidErrorPanel
+};
+//# sourceMappingURL=chunk-SEVN656N.js.map

package/dist/chunk-SEVN656N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/_mermaid-error-panel.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The `errorComponent` Streamdown renders in place of a Mermaid diagram that\n * failed (issue #33). Streamdown hands back the render failure as a plain\n * STRING (`MermaidErrorComponentProps.error`, already reduced from whatever\n * was thrown), so this distinguishes two different failures by matching that\n * string rather than the original error object:\n *\n * - **The optional `mermaid` peer is not installed.** This is a CAPABILITY\n *   GAP, not something wrong with the diagram or the app — the same class as\n *   `@elabs-ai/components-viewer`'s `parser-missing`\n *   (@.claude/rules/viewer-components.md \"A capability gap is not a\n *   failure\"). Renders the neutral `StatePanel kind=\"empty\"`, naming the\n *   package to install, announced `role=\"status\"`, with no retry action\n *   (re-installing a dependency does not happen by clicking a button in the\n *   page).\n * - **Anything else is a genuine render/syntax failure** — a real error, so\n *   it gets `StatePanel kind=\"error\"` (`role=\"alert\"`, set internally by\n *   `StatePanel`) wired to Streamdown's own `retry()`, which increments the\n *   render attempt and re-runs the diagram.\n */\nimport { Button, StatePanel, isModuleNotFoundMessage, useLocale } from \"@elabs-ai/components-ui\";\nimport { EyeOffIcon } from \"lucide-react\";\n\nexport interface MermaidErrorPanelProps {\n  chart: string;\n  error: string;\n  retry: () => void;\n}\n\nexport function MermaidErrorPanel({ error, retry }: MermaidErrorPanelProps) {\n  const { t } = useLocale();\n\n  if (isModuleNotFoundMessage(error)) {\n    const feature = t(\"ai.mermaid.feature\");\n    return (\n      <div className=\"my-4\" role=\"status\" aria-live=\"polite\">\n        <StatePanel\n          kind=\"empty\"\n          // A dashed edge invites a drop; this panel accepts nothing. Solid —\n          // mirrors `@elabs-ai/components-viewer`'s `FileViewerError`.\n          className=\"border-solid\"\n          icon={<EyeOffIcon aria-hidden=\"true\" />}\n          title={t(\"ai.error.engineMissing\", { feature })}\n          description={t(\"ai.error.engineMissingBody\", { feature, packages: \"mermaid\" })}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"my-4\">\n      <StatePanel\n        kind=\"error\"\n        title={t(\"ai.mermaid.renderError\")}\n        description={error}\n        actions={\n          <Button size=\"sm\" variant=\"outline\" onClick={retry}>\n            {t(\"ai.error.retry\")}\n          </Button>\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":";;;AAsBA,SAAS,QAAQ,YAAY,yBAAyB,iBAAiB;AACvE,SAAS,kBAAkB;AAoBX;AAZT,SAAS,kBAAkB,EAAE,OAAO,MAAM,GAA2B;AAC1E,QAAM,EAAE,EAAE,IAAI,UAAU;AAExB,MAAI,wBAAwB,KAAK,GAAG;AAClC,UAAM,UAAU,EAAE,oBAAoB;AACtC,WACE,oBAAC,SAAI,WAAU,QAAO,MAAK,UAAS,aAAU,UAC5C;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAGL,WAAU;AAAA,QACV,MAAM,oBAAC,cAAW,eAAY,QAAO;AAAA,QACrC,OAAO,EAAE,0BAA0B,EAAE,QAAQ,CAAC;AAAA,QAC9C,aAAa,EAAE,8BAA8B,EAAE,SAAS,UAAU,UAAU,CAAC;AAAA;AAAA,IAC/E,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,WAAU,QACb;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO,EAAE,wBAAwB;AAAA,MACjC,aAAa;AAAA,MACb,SACE,oBAAC,UAAO,MAAK,MAAK,SAAQ,WAAU,SAAS,OAC1C,YAAE,gBAAgB,GACrB;AAAA;AAAA,EAEJ,GACF;AAEJ;","names":[]}

package/dist/chunk-SKVG672B.js

@@ -0,0 +1,64 @@
+"use client";
+
+// src/a2ui/core/complete-json.ts
+function completeJson(text) {
+  const stack = [];
+  let inString = false;
+  let escaped = false;
+  let lastGood = 0;
+  let lastNonWs = "";
+  for (let i = 0; i < text.length; i++) {
+    const ch = text[i];
+    if (inString) {
+      if (escaped) escaped = false;
+      else if (ch === "\\") escaped = true;
+      else if (ch === '"') {
+        inString = false;
+        lastNonWs = ch;
+        lastGood = i + 1;
+      }
+      continue;
+    }
+    if (ch === '"') {
+      inString = true;
+      continue;
+    }
+    if (ch === "{" || ch === "[") stack.push(ch === "{" ? "}" : "]");
+    else if (ch === "}" || ch === "]") stack.pop();
+    if (!/\s/.test(ch)) {
+      lastNonWs = ch;
+      lastGood = i + 1;
+    }
+  }
+  let out = text;
+  if (inString) {
+    const top = stack[stack.length - 1];
+    if (top === "}" && (lastNonWs === "{" || lastNonWs === ",")) out = text.slice(0, lastGood);
+    else out = escaped ? `${text.slice(0, -1)}"` : `${text}"`;
+    lastNonWs = out.trimEnd().slice(-1);
+  }
+  out = out.trimEnd();
+  if (lastNonWs === ",") out = out.slice(0, -1);
+  else if (lastNonWs === ":") out = `${out}null`;
+  else if (lastNonWs === '"' && stack[stack.length - 1] === "}") {
+    const m = /(?:^|[{,])\s*"(?:[^"\\]|\\.)*"$/.exec(out);
+    if (m) out = out.slice(0, m.index + (out[m.index] === "{" || out[m.index] === "," ? 1 : 0));
+  }
+  out = out.replace(/,\s*$/, "");
+  return out + stack.reverse().join("");
+}
+function parseSurfaceJson(text, partial = false) {
+  const trimmed = text.trim();
+  if (!trimmed) return null;
+  try {
+    return JSON.parse(partial ? completeJson(trimmed) : trimmed);
+  } catch {
+    return null;
+  }
+}
+
+export {
+  completeJson,
+  parseSurfaceJson
+};
+//# sourceMappingURL=chunk-SKVG672B.js.map

package/dist/chunk-SKVG672B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/a2ui/core/complete-json.ts"],"sourcesContent":["/**\n * complete-json.ts — close a PARTIAL JSON document so a streaming surface can be\n * parsed and drawn before the model has finished (the A2UI counterpart of\n * `JSXPreview`'s `completeJsxTag`).\n *\n * Strategy: one linear scan tracking the bracket stack, string state and escape\n * state; then (1) close an open string, (2) drop a dangling `,` or supply `null`\n * for a dangling `\"key\":`, (3) close every open bracket in reverse. The result is\n * always syntactically valid JSON for any prefix of a valid document that has\n * passed its first `{`. Semantic gaps (a half-typed prop value, a node without\n * its `type` yet) are the validator's business — the renderer prunes what does\n * not validate while streaming and keeps the last good tree.\n */\nexport function completeJson(text: string): string {\n  const stack: string[] = [];\n  let inString = false;\n  let escaped = false;\n  // Index just after the last STRUCTURALLY complete token, so a half-typed key\n  // (`{\"ty`) can be cut rather than closed into `{\"ty\":null}`.\n  let lastGood = 0;\n  let lastNonWs = \"\";\n\n  for (let i = 0; i < text.length; i++) {\n    const ch = text[i] as string;\n    if (inString) {\n      if (escaped) escaped = false;\n      else if (ch === \"\\\\\") escaped = true;\n      else if (ch === '\"') {\n        inString = false;\n        lastNonWs = ch;\n        lastGood = i + 1;\n      }\n      continue;\n    }\n    if (ch === '\"') {\n      inString = true;\n      continue;\n    }\n    if (ch === \"{\" || ch === \"[\") stack.push(ch === \"{\" ? \"}\" : \"]\");\n    else if (ch === \"}\" || ch === \"]\") stack.pop();\n    if (!/\\s/.test(ch)) {\n      lastNonWs = ch;\n      lastGood = i + 1;\n    }\n  }\n\n  let out = text;\n  if (inString) {\n    // Inside a value string → close it. Inside a KEY (the string follows `{` or\n    // `,` inside an object) → cut it: a key without a value is not renderable.\n    const top = stack[stack.length - 1];\n    if (top === \"}\" && (lastNonWs === \"{\" || lastNonWs === \",\")) out = text.slice(0, lastGood);\n    else out = escaped ? `${text.slice(0, -1)}\"` : `${text}\"`;\n    lastNonWs = out.trimEnd().slice(-1);\n  }\n  out = out.trimEnd();\n  if (lastNonWs === \",\") out = out.slice(0, -1);\n  else if (lastNonWs === \":\") out = `${out}null`;\n  // A `\"key\"` with no colon yet (`{\"type\"`) is also unfinished — cut it.\n  else if (lastNonWs === '\"' && stack[stack.length - 1] === \"}\") {\n    const m = /(?:^|[{,])\\s*\"(?:[^\"\\\\]|\\\\.)*\"$/.exec(out);\n    if (m) out = out.slice(0, m.index + (out[m.index] === \"{\" || out[m.index] === \",\" ? 1 : 0));\n  }\n  out = out.replace(/,\\s*$/, \"\");\n  return out + stack.reverse().join(\"\");\n}\n\n/**\n * Parse `text`, completing it first when `partial`. Returns `null` (never throws)\n * when even the completed text is not JSON — the caller treats that as \"no tree\n * yet\".\n */\nexport function parseSurfaceJson(text: string, partial = false): unknown | null {\n  const trimmed = text.trim();\n  if (!trimmed) return null;\n  try {\n    return JSON.parse(partial ? completeJson(trimmed) : trimmed);\n  } catch {\n    return null;\n  }\n}\n"],"mappings":";;;AAaO,SAAS,aAAa,MAAsB;AACjD,QAAM,QAAkB,CAAC;AACzB,MAAI,WAAW;AACf,MAAI,UAAU;AAGd,MAAI,WAAW;AACf,MAAI,YAAY;AAEhB,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,KAAK,KAAK,CAAC;AACjB,QAAI,UAAU;AACZ,UAAI,QAAS,WAAU;AAAA,eACd,OAAO,KAAM,WAAU;AAAA,eACvB,OAAO,KAAK;AACnB,mBAAW;AACX,oBAAY;AACZ,mBAAW,IAAI;AAAA,MACjB;AACA;AAAA,IACF;AACA,QAAI,OAAO,KAAK;AACd,iBAAW;AACX;AAAA,IACF;AACA,QAAI,OAAO,OAAO,OAAO,IAAK,OAAM,KAAK,OAAO,MAAM,MAAM,GAAG;AAAA,aACtD,OAAO,OAAO,OAAO,IAAK,OAAM,IAAI;AAC7C,QAAI,CAAC,KAAK,KAAK,EAAE,GAAG;AAClB,kBAAY;AACZ,iBAAW,IAAI;AAAA,IACjB;AAAA,EACF;AAEA,MAAI,MAAM;AACV,MAAI,UAAU;AAGZ,UAAM,MAAM,MAAM,MAAM,SAAS,CAAC;AAClC,QAAI,QAAQ,QAAQ,cAAc,OAAO,cAAc,KAAM,OAAM,KAAK,MAAM,GAAG,QAAQ;AAAA,QACpF,OAAM,UAAU,GAAG,KAAK,MAAM,GAAG,EAAE,CAAC,MAAM,GAAG,IAAI;AACtD,gBAAY,IAAI,QAAQ,EAAE,MAAM,EAAE;AAAA,EACpC;AACA,QAAM,IAAI,QAAQ;AAClB,MAAI,cAAc,IAAK,OAAM,IAAI,MAAM,GAAG,EAAE;AAAA,WACnC,cAAc,IAAK,OAAM,GAAG,GAAG;AAAA,WAE/B,cAAc,OAAO,MAAM,MAAM,SAAS,CAAC,MAAM,KAAK;AAC7D,UAAM,IAAI,kCAAkC,KAAK,GAAG;AACpD,QAAI,EAAG,OAAM,IAAI,MAAM,GAAG,EAAE,SAAS,IAAI,EAAE,KAAK,MAAM,OAAO,IAAI,EAAE,KAAK,MAAM,MAAM,IAAI,EAAE;AAAA,EAC5F;AACA,QAAM,IAAI,QAAQ,SAAS,EAAE;AAC7B,SAAO,MAAM,MAAM,QAAQ,EAAE,KAAK,EAAE;AACtC;AAOO,SAAS,iBAAiB,MAAc,UAAU,OAAuB;AAC9E,QAAM,UAAU,KAAK,KAAK;AAC1B,MAAI,CAAC,QAAS,QAAO;AACrB,MAAI;AACF,WAAO,KAAK,MAAM,UAAU,aAAa,OAAO,IAAI,OAAO;AAAA,EAC7D,QAAQ;AACN,WAAO;AAAA,EACT;AACF;","names":[]}