@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/components/ai/inline-citation.js

@@ -1,182 +0,0 @@
-import { jsx as n, jsxs as m, Fragment as x } from "react/jsx-runtime";
-import { ArrowRightIcon as g, ArrowLeftIcon as h } from "lucide-react";
-import { createContext as N, useState as c, useCallback as u, useEffect as I, useContext as v } from "react";
-import { Badge as b } from "../ui/badge.js";
-import { Carousel as y, CarouselContent as k, CarouselItem as w } from "../ui/carousel.js";
-import { HoverCard as S, HoverCardContent as A, HoverCardTrigger as H } from "../ui/hover-card.js";
-import { cn as a } from "../../lib/utils.js";
-const R = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ n(
-  "span",
-  {
-    className: a("group inline items-center gap-1", e),
-    ...t
-  }
-), q = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ n(
-  "span",
-  {
-    className: a("transition-colors group-hover:bg-accent", e),
-    ...t
-  }
-), j = (e) => {
-  try {
-    return new URL(e).hostname;
-  } catch {
-    return e;
-  }
-}, E = (e) => /* @__PURE__ */ n(S, { closeDelay: 0, openDelay: 0, ...e }), F = ({
-  sources: e,
-  className: t,
-  ...o
-}) => /* @__PURE__ */ n(H, { asChild: !0, children: /* @__PURE__ */ n(
-  b,
-  {
-    className: a("ml-1 rounded-full", t),
-    variant: "secondary",
-    ...o,
-    children: e[0] ? /* @__PURE__ */ m(x, { children: [
-      j(e[0]),
-      " ",
-      e.length > 1 && `+${e.length - 1}`
-    ] }) : "unknown"
-  }
-) }), Q = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ n(A, { className: a("relative w-80 p-0", e), ...t }), C = N(void 0), d = () => v(C), U = ({
-  className: e,
-  children: t,
-  ...o
-}) => {
-  const [r, s] = c();
-  return /* @__PURE__ */ n(C.Provider, { value: r, children: /* @__PURE__ */ n(y, { className: a("w-full", e), setApi: s, ...o, children: t }) });
-}, G = (e) => /* @__PURE__ */ n(k, { ...e }), J = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ n(
-  w,
-  {
-    className: a("w-full space-y-2 p-4 pl-8", e),
-    ...t
-  }
-), K = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ n(
-  "div",
-  {
-    className: a(
-      "flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2",
-      e
-    ),
-    ...t
-  }
-), M = ({
-  children: e,
-  className: t,
-  ...o
-}) => {
-  const r = d(), [s, i] = c(0), [p, f] = c(0), l = u(() => {
-    r && (f(r.scrollSnapList().length), i(r.selectedScrollSnap() + 1));
-  }, [r]);
-  return I(() => {
-    if (r)
-      return l(), r.on("select", l), () => {
-        r.off("select", l);
-      };
-  }, [r, l]), /* @__PURE__ */ n(
-    "div",
-    {
-      className: a(
-        "flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-xs",
-        t
-      ),
-      ...o,
-      children: e ?? `${s}/${p}`
-    }
-  );
-}, O = ({
-  className: e,
-  ...t
-}) => {
-  const o = d(), r = u(() => {
-    o && o.scrollPrev();
-  }, [o]);
-  return /* @__PURE__ */ n(
-    "button",
-    {
-      "aria-label": "Previous",
-      className: a("shrink-0", e),
-      onClick: r,
-      type: "button",
-      ...t,
-      children: /* @__PURE__ */ n(h, { className: "size-4 text-muted-foreground" })
-    }
-  );
-}, V = ({
-  className: e,
-  ...t
-}) => {
-  const o = d(), r = u(() => {
-    o && o.scrollNext();
-  }, [o]);
-  return /* @__PURE__ */ n(
-    "button",
-    {
-      "aria-label": "Next",
-      className: a("shrink-0", e),
-      onClick: r,
-      type: "button",
-      ...t,
-      children: /* @__PURE__ */ n(g, { className: "size-4 text-muted-foreground" })
-    }
-  );
-}, W = ({
-  title: e,
-  url: t,
-  description: o,
-  className: r,
-  children: s,
-  ...i
-}) => /* @__PURE__ */ m("div", { className: a("space-y-1", r), ...i, children: [
-  e && /* @__PURE__ */ n("h4", { className: "truncate font-medium text-sm leading-tight", children: e }),
-  t && /* @__PURE__ */ n("p", { className: "truncate break-all text-muted-foreground text-xs", children: t }),
-  o && /* @__PURE__ */ n("p", { className: "line-clamp-3 text-muted-foreground text-sm leading-relaxed", children: o }),
-  s
-] }), X = ({
-  children: e,
-  className: t,
-  ...o
-}) => /* @__PURE__ */ n(
-  "blockquote",
-  {
-    className: a(
-      "border-muted border-l-2 pl-3 text-muted-foreground text-sm italic",
-      t
-    ),
-    ...o,
-    children: e
-  }
-);
-export {
-  R as InlineCitation,
-  E as InlineCitationCard,
-  Q as InlineCitationCardBody,
-  F as InlineCitationCardTrigger,
-  U as InlineCitationCarousel,
-  G as InlineCitationCarouselContent,
-  K as InlineCitationCarouselHeader,
-  M as InlineCitationCarouselIndex,
-  J as InlineCitationCarouselItem,
-  V as InlineCitationCarouselNext,
-  O as InlineCitationCarouselPrev,
-  X as InlineCitationQuote,
-  W as InlineCitationSource,
-  q as InlineCitationText
-};
-//# sourceMappingURL=inline-citation.js.map

package/dist/components/ai/inline-citation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inline-citation.js","sources":["../../../src/components/ai/inline-citation.tsx"],"sourcesContent":["import { ArrowLeftIcon, ArrowRightIcon } from \"lucide-react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\n\nimport type { CarouselApi } from \"@/components/ui/carousel\";\nimport type { ComponentProps } from \"react\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n} from \"@/components/ui/carousel\";\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"@/components/ui/hover-card\";\nimport { cn } from \"@/lib/utils\";\n\n\n\n\nexport type InlineCitationProps = ComponentProps<\"span\">;\n\nexport const InlineCitation = ({\n  className,\n  ...props\n}: InlineCitationProps) => (\n  <span\n    className={cn(\"group inline items-center gap-1\", className)}\n    {...props}\n  />\n);\n\nexport type InlineCitationTextProps = ComponentProps<\"span\">;\n\nexport const InlineCitationText = ({\n  className,\n  ...props\n}: InlineCitationTextProps) => (\n  <span\n    className={cn(\"transition-colors group-hover:bg-accent\", className)}\n    {...props}\n  />\n);\n\nconst getHostname = (source: string) => {\n  try {\n    return new URL(source).hostname;\n  } catch {\n    return source;\n  }\n};\n\nexport type InlineCitationCardProps = ComponentProps<typeof HoverCard>;\n\nexport const InlineCitationCard = (props: InlineCitationCardProps) => (\n  <HoverCard closeDelay={0} openDelay={0} {...props} />\n);\n\nexport type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {\n  sources: string[];\n};\n\nexport const InlineCitationCardTrigger = ({\n  sources,\n  className,\n  ...props\n}: InlineCitationCardTriggerProps) => (\n  <HoverCardTrigger asChild>\n    <Badge\n      className={cn(\"ml-1 rounded-full\", className)}\n      variant=\"secondary\"\n      {...props}\n    >\n      {sources[0] ? (\n        <>\n          {getHostname(sources[0])}{\" \"}\n          {sources.length > 1 && `+${sources.length - 1}`}\n        </>\n      ) : (\n        \"unknown\"\n      )}\n    </Badge>\n  </HoverCardTrigger>\n);\n\nexport type InlineCitationCardBodyProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCardBody = ({\n  className,\n  ...props\n}: InlineCitationCardBodyProps) => (\n  <HoverCardContent className={cn(\"relative w-80 p-0\", className)} {...props} />\n);\n\nconst CarouselApiContext = createContext<CarouselApi | undefined>(undefined);\n\nconst useCarouselApi = () => {\n  return useContext(CarouselApiContext);\n};\n\nexport type InlineCitationCarouselProps = ComponentProps<typeof Carousel>;\n\nexport const InlineCitationCarousel = ({\n  className,\n  children,\n  ...props\n}: InlineCitationCarouselProps) => {\n  const [api, setApi] = useState<CarouselApi>();\n\n  return (\n    <CarouselApiContext.Provider value={api}>\n      <Carousel className={cn(\"w-full\", className)} setApi={setApi} {...props}>\n        {children}\n      </Carousel>\n    </CarouselApiContext.Provider>\n  );\n};\n\nexport type InlineCitationCarouselContentProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselContent = (\n  props: InlineCitationCarouselContentProps\n) => <CarouselContent {...props} />;\n\nexport type InlineCitationCarouselItemProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselItem = ({\n  className,\n  ...props\n}: InlineCitationCarouselItemProps) => (\n  <CarouselItem\n    className={cn(\"w-full space-y-2 p-4 pl-8\", className)}\n    {...props}\n  />\n);\n\nexport type InlineCitationCarouselHeaderProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselHeader = ({\n  className,\n  ...props\n}: InlineCitationCarouselHeaderProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2\",\n      className\n    )}\n    {...props}\n  />\n);\n\nexport type InlineCitationCarouselIndexProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselIndex = ({\n  children,\n  className,\n  ...props\n}: InlineCitationCarouselIndexProps) => {\n  const api = useCarouselApi();\n  const [current, setCurrent] = useState(0);\n  const [count, setCount] = useState(0);\n\n  const syncState = useCallback(() => {\n    if (!api) {\n      return;\n    }\n    setCount(api.scrollSnapList().length);\n    setCurrent(api.selectedScrollSnap() + 1);\n  }, [api]);\n\n  useEffect(() => {\n    if (!api) {\n      return;\n    }\n\n    syncState();\n\n    api.on(\"select\", syncState);\n\n    return () => {\n      api.off(\"select\", syncState);\n    };\n  }, [api, syncState]);\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-xs\",\n        className\n      )}\n      {...props}\n    >\n      {children ?? `${current}/${count}`}\n    </div>\n  );\n};\n\nexport type InlineCitationCarouselPrevProps = ComponentProps<\"button\">;\n\nexport const InlineCitationCarouselPrev = ({\n  className,\n  ...props\n}: InlineCitationCarouselPrevProps) => {\n  const api = useCarouselApi();\n\n  const handleClick = useCallback(() => {\n    if (api) {\n      api.scrollPrev();\n    }\n  }, [api]);\n\n  return (\n    <button\n      aria-label=\"Previous\"\n      className={cn(\"shrink-0\", className)}\n      onClick={handleClick}\n      type=\"button\"\n      {...props}\n    >\n      <ArrowLeftIcon className=\"size-4 text-muted-foreground\" />\n    </button>\n  );\n};\n\nexport type InlineCitationCarouselNextProps = ComponentProps<\"button\">;\n\nexport const InlineCitationCarouselNext = ({\n  className,\n  ...props\n}: InlineCitationCarouselNextProps) => {\n  const api = useCarouselApi();\n\n  const handleClick = useCallback(() => {\n    if (api) {\n      api.scrollNext();\n    }\n  }, [api]);\n\n  return (\n    <button\n      aria-label=\"Next\"\n      className={cn(\"shrink-0\", className)}\n      onClick={handleClick}\n      type=\"button\"\n      {...props}\n    >\n      <ArrowRightIcon className=\"size-4 text-muted-foreground\" />\n    </button>\n  );\n};\n\nexport type InlineCitationSourceProps = ComponentProps<\"div\"> & {\n  title?: string;\n  url?: string;\n  description?: string;\n};\n\nexport const InlineCitationSource = ({\n  title,\n  url,\n  description,\n  className,\n  children,\n  ...props\n}: InlineCitationSourceProps) => (\n  <div className={cn(\"space-y-1\", className)} {...props}>\n    {title && (\n      <h4 className=\"truncate font-medium text-sm leading-tight\">{title}</h4>\n    )}\n    {url && (\n      <p className=\"truncate break-all text-muted-foreground text-xs\">{url}</p>\n    )}\n    {description && (\n      <p className=\"line-clamp-3 text-muted-foreground text-sm leading-relaxed\">\n        {description}\n      </p>\n    )}\n    {children}\n  </div>\n);\n\nexport type InlineCitationQuoteProps = ComponentProps<\"blockquote\">;\n\nexport const InlineCitationQuote = ({\n  children,\n  className,\n  ...props\n}: InlineCitationQuoteProps) => (\n  <blockquote\n    className={cn(\n      \"border-muted border-l-2 pl-3 text-muted-foreground text-sm italic\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </blockquote>\n);\n"],"names":["InlineCitation","className","props","jsx","cn","InlineCitationText","getHostname","source","InlineCitationCard","HoverCard","InlineCitationCardTrigger","sources","HoverCardTrigger","Badge","jsxs","Fragment","InlineCitationCardBody","HoverCardContent","CarouselApiContext","createContext","useCarouselApi","useContext","InlineCitationCarousel","children","api","setApi","useState","Carousel","InlineCitationCarouselContent","CarouselContent","InlineCitationCarouselItem","CarouselItem","InlineCitationCarouselHeader","InlineCitationCarouselIndex","current","setCurrent","count","setCount","syncState","useCallback","useEffect","InlineCitationCarouselPrev","handleClick","ArrowLeftIcon","InlineCitationCarouselNext","ArrowRightIcon","InlineCitationSource","title","url","description","InlineCitationQuote"],"mappings":"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"}

package/dist/components/ai/message.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),w=require("@streamdown/cjk"),C=require("@streamdown/code"),N=require("@streamdown/math"),y=require("@streamdown/mermaid"),M=require("lucide-react"),c=require("react"),T=require("streamdown"),x=require("../ui/button.cjs"),f=require("../ui/button-group.cjs"),d=require("../ui/tooltip.cjs"),i=require("../../lib/utils.cjs"),q=({className:e,from:s,...t})=>n.jsx("div",{className:i.cn("group flex w-full max-w-[95%] flex-col gap-2",s==="user"?"is-user ml-auto justify-end":"is-assistant",e),...t}),k=({children:e,className:s,...t})=>n.jsx("div",{className:i.cn("is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm","group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground","group-[.is-assistant]:text-foreground",s),...t,children:e}),A=({className:e,children:s,...t})=>n.jsx("div",{className:i.cn("flex items-center gap-1",e),...t,children:s}),P=({tooltip:e,children:s,label:t,variant:a="ghost",size:r="icon-sm",...l})=>{const o=n.jsxs(x.Button,{size:r,type:"button",variant:a,...l,children:[s,n.jsx("span",{className:"sr-only",children:t||e})]});return e?n.jsx(d.TooltipProvider,{children:n.jsxs(d.Tooltip,{children:[n.jsx(d.TooltipTrigger,{asChild:!0,children:o}),n.jsx(d.TooltipContent,{children:n.jsx("p",{children:e})})]})}):o},b=c.createContext(null),g=()=>{const e=c.useContext(b);if(!e)throw new Error("MessageBranch components must be used within MessageBranch");return e},R=({defaultBranch:e=0,onBranchChange:s,className:t,...a})=>{const[r,l]=c.useState(e),[o,m]=c.useState([]),h=c.useCallback(u=>{l(u),s?.(u)},[s]),p=c.useCallback(()=>{const u=r>0?r-1:o.length-1;h(u)},[r,o.length,h]),B=c.useCallback(()=>{const u=r<o.length-1?r+1:0;h(u)},[r,o.length,h]),v=c.useMemo(()=>({branches:o,currentBranch:r,goToNext:B,goToPrevious:p,setBranches:m,totalBranches:o.length}),[o,r,B,p]);return n.jsx(b.Provider,{value:v,children:n.jsx("div",{className:i.cn("grid w-full gap-2 [&>div]:pb-0",t),...a})})},S=({children:e,...s})=>{const{currentBranch:t,setBranches:a,branches:r}=g(),l=c.useMemo(()=>Array.isArray(e)?e:[e],[e]);return c.useEffect(()=>{r.length!==l.length&&a(l)},[l,r,a]),l.map((o,m)=>n.jsx("div",{className:i.cn("grid gap-2 overflow-hidden [&>div]:pb-0",m===t?"block":"hidden"),...s,children:o},o.key))},z=({className:e,...s})=>{const{totalBranches:t}=g();return t<=1?null:n.jsx(f.ButtonGroup,{className:i.cn("[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md",e),orientation:"horizontal",...s})},G=({children:e,...s})=>{const{goToPrevious:t,totalBranches:a}=g();return n.jsx(x.Button,{"aria-label":"Previous branch",disabled:a<=1,onClick:t,size:"icon-sm",type:"button",variant:"ghost",...s,children:e??n.jsx(M.ChevronLeftIcon,{size:14})})},E=({children:e,...s})=>{const{goToNext:t,totalBranches:a}=g();return n.jsx(x.Button,{"aria-label":"Next branch",disabled:a<=1,onClick:t,size:"icon-sm",type:"button",variant:"ghost",...s,children:e??n.jsx(M.ChevronRightIcon,{size:14})})},I=({className:e,...s})=>{const{currentBranch:t,totalBranches:a}=g();return n.jsx(f.ButtonGroupText,{className:i.cn("border-none bg-transparent text-muted-foreground shadow-none",e),...s,children:`${t+1} of ${a}`})},L={cjk:w.cjk,code:C.code,math:N.math,mermaid:y.mermaid},j=c.memo(({className:e,...s})=>n.jsx(T.Streamdown,{className:i.cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",e),plugins:L,...s}),(e,s)=>e.children===s.children&&s.isAnimating===e.isAnimating);j.displayName="MessageResponse";const O=({className:e,children:s,...t})=>n.jsx("div",{className:i.cn("mt-4 flex w-full items-center justify-between gap-4",e),...t,children:s});exports.Message=q;exports.MessageAction=P;exports.MessageActions=A;exports.MessageBranch=R;exports.MessageBranchContent=S;exports.MessageBranchNext=E;exports.MessageBranchPage=I;exports.MessageBranchPrevious=G;exports.MessageBranchSelector=z;exports.MessageContent=k;exports.MessageResponse=j;exports.MessageToolbar=O;
-//# sourceMappingURL=message.cjs.map

package/dist/components/ai/message.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"message.cjs","sources":["../../../src/components/ai/message.tsx"],"sourcesContent":["import { cjk } from \"@streamdown/cjk\";\nimport { code } from \"@streamdown/code\";\nimport { math } from \"@streamdown/math\";\nimport { mermaid } from \"@streamdown/mermaid\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Streamdown } from \"streamdown\";\n\nimport type { UIMessage } from \"ai\";\nimport type { ComponentProps, HTMLAttributes, ReactElement } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ButtonGroup,\n  ButtonGroupText,\n} from \"@/components/ui/button-group\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nexport type MessageProps = HTMLAttributes<HTMLDivElement> & {\n  from: UIMessage[\"role\"];\n};\n\nexport const Message = ({ className, from, ...props }: MessageProps) => (\n  <div\n    className={cn(\n      \"group flex w-full max-w-[95%] flex-col gap-2\",\n      from === \"user\" ? \"is-user ml-auto justify-end\" : \"is-assistant\",\n      className\n    )}\n    {...props}\n  />\n);\n\nexport type MessageContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const MessageContent = ({\n  children,\n  className,\n  ...props\n}: MessageContentProps) => (\n  <div\n    className={cn(\n      \"is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n      \"group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground\",\n      \"group-[.is-assistant]:text-foreground\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type MessageActionsProps = ComponentProps<\"div\">;\n\nexport const MessageActions = ({\n  className,\n  children,\n  ...props\n}: MessageActionsProps) => (\n  <div className={cn(\"flex items-center gap-1\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type MessageActionProps = ComponentProps<typeof Button> & {\n  tooltip?: string;\n  label?: string;\n};\n\nexport const MessageAction = ({\n  tooltip,\n  children,\n  label,\n  variant = \"ghost\",\n  size = \"icon-sm\",\n  ...props\n}: MessageActionProps) => {\n  const button = (\n    <Button size={size} type=\"button\" variant={variant} {...props}>\n      {children}\n      <span className=\"sr-only\">{label || tooltip}</span>\n    </Button>\n  );\n\n  if (tooltip) {\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent>\n            <p>{tooltip}</p>\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n\n  return button;\n};\n\ninterface MessageBranchContextType {\n  currentBranch: number;\n  totalBranches: number;\n  goToPrevious: () => void;\n  goToNext: () => void;\n  branches: ReactElement[];\n  setBranches: (branches: ReactElement[]) => void;\n}\n\nconst MessageBranchContext = createContext<MessageBranchContextType | null>(\n  null\n);\n\nconst useMessageBranch = () => {\n  const context = useContext(MessageBranchContext);\n\n  if (!context) {\n    throw new Error(\n      \"MessageBranch components must be used within MessageBranch\"\n    );\n  }\n\n  return context;\n};\n\nexport type MessageBranchProps = HTMLAttributes<HTMLDivElement> & {\n  defaultBranch?: number;\n  onBranchChange?: (branchIndex: number) => void;\n};\n\nexport const MessageBranch = ({\n  defaultBranch = 0,\n  onBranchChange,\n  className,\n  ...props\n}: MessageBranchProps) => {\n  const [currentBranch, setCurrentBranch] = useState(defaultBranch);\n  const [branches, setBranches] = useState<ReactElement[]>([]);\n\n  const handleBranchChange = useCallback(\n    (newBranch: number) => {\n      setCurrentBranch(newBranch);\n      onBranchChange?.(newBranch);\n    },\n    [onBranchChange]\n  );\n\n  const goToPrevious = useCallback(() => {\n    const newBranch =\n      currentBranch > 0 ? currentBranch - 1 : branches.length - 1;\n    handleBranchChange(newBranch);\n  }, [currentBranch, branches.length, handleBranchChange]);\n\n  const goToNext = useCallback(() => {\n    const newBranch =\n      currentBranch < branches.length - 1 ? currentBranch + 1 : 0;\n    handleBranchChange(newBranch);\n  }, [currentBranch, branches.length, handleBranchChange]);\n\n  const contextValue = useMemo<MessageBranchContextType>(\n    () => ({\n      branches,\n      currentBranch,\n      goToNext,\n      goToPrevious,\n      setBranches,\n      totalBranches: branches.length,\n    }),\n    [branches, currentBranch, goToNext, goToPrevious]\n  );\n\n  return (\n    <MessageBranchContext.Provider value={contextValue}>\n      <div\n        className={cn(\"grid w-full gap-2 [&>div]:pb-0\", className)}\n        {...props}\n      />\n    </MessageBranchContext.Provider>\n  );\n};\n\nexport type MessageBranchContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const MessageBranchContent = ({\n  children,\n  ...props\n}: MessageBranchContentProps) => {\n  const { currentBranch, setBranches, branches } = useMessageBranch();\n  const childrenArray = useMemo(\n    () => (Array.isArray(children) ? children : [children]),\n    [children]\n  );\n\n  // Use useEffect to update branches when they change\n  useEffect(() => {\n    if (branches.length !== childrenArray.length) {\n      setBranches(childrenArray);\n    }\n  }, [childrenArray, branches, setBranches]);\n\n  return childrenArray.map((branch, index) => (\n    <div\n      className={cn(\n        \"grid gap-2 overflow-hidden [&>div]:pb-0\",\n        index === currentBranch ? \"block\" : \"hidden\"\n      )}\n      key={branch.key}\n      {...props}\n    >\n      {branch}\n    </div>\n  ));\n};\n\nexport type MessageBranchSelectorProps = ComponentProps<typeof ButtonGroup>;\n\nexport const MessageBranchSelector = ({\n  className,\n  ...props\n}: MessageBranchSelectorProps) => {\n  const { totalBranches } = useMessageBranch();\n\n  // Don't render if there's only one branch\n  if (totalBranches <= 1) {\n    return null;\n  }\n\n  return (\n    <ButtonGroup\n      className={cn(\n        \"[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md\",\n        className\n      )}\n      orientation=\"horizontal\"\n      {...props}\n    />\n  );\n};\n\nexport type MessageBranchPreviousProps = ComponentProps<typeof Button>;\n\nexport const MessageBranchPrevious = ({\n  children,\n  ...props\n}: MessageBranchPreviousProps) => {\n  const { goToPrevious, totalBranches } = useMessageBranch();\n\n  return (\n    <Button\n      aria-label=\"Previous branch\"\n      disabled={totalBranches <= 1}\n      onClick={goToPrevious}\n      size=\"icon-sm\"\n      type=\"button\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <ChevronLeftIcon size={14} />}\n    </Button>\n  );\n};\n\nexport type MessageBranchNextProps = ComponentProps<typeof Button>;\n\nexport const MessageBranchNext = ({\n  children,\n  ...props\n}: MessageBranchNextProps) => {\n  const { goToNext, totalBranches } = useMessageBranch();\n\n  return (\n    <Button\n      aria-label=\"Next branch\"\n      disabled={totalBranches <= 1}\n      onClick={goToNext}\n      size=\"icon-sm\"\n      type=\"button\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <ChevronRightIcon size={14} />}\n    </Button>\n  );\n};\n\nexport type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const MessageBranchPage = ({\n  className,\n  ...props\n}: MessageBranchPageProps) => {\n  const { currentBranch, totalBranches } = useMessageBranch();\n\n  return (\n    <ButtonGroupText\n      className={cn(\n        \"border-none bg-transparent text-muted-foreground shadow-none\",\n        className\n      )}\n      {...props}\n    >\n      {`${currentBranch + 1} of ${totalBranches}`}\n    </ButtonGroupText>\n  );\n};\n\nexport type MessageResponseProps = ComponentProps<typeof Streamdown>;\n\nconst streamdownPlugins = { cjk, code, math, mermaid };\n\nexport const MessageResponse = memo(\n  ({ className, ...props }: MessageResponseProps) => (\n    <Streamdown\n      className={cn(\n        \"size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\",\n        className\n      )}\n      plugins={streamdownPlugins}\n      {...props}\n    />\n  ),\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children &&\n    nextProps.isAnimating === prevProps.isAnimating\n);\n\nMessageResponse.displayName = \"MessageResponse\";\n\nexport type MessageToolbarProps = ComponentProps<\"div\">;\n\nexport const MessageToolbar = ({\n  className,\n  children,\n  ...props\n}: MessageToolbarProps) => (\n  <div\n    className={cn(\n      \"mt-4 flex w-full items-center justify-between gap-4\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n"],"names":["Message","className","from","props","jsx","cn","MessageContent","children","MessageActions","MessageAction","tooltip","label","variant","size","button","Button","TooltipProvider","jsxs","Tooltip","TooltipTrigger","TooltipContent","MessageBranchContext","createContext","useMessageBranch","context","useContext","MessageBranch","defaultBranch","onBranchChange","currentBranch","setCurrentBranch","useState","branches","setBranches","handleBranchChange","useCallback","newBranch","goToPrevious","goToNext","contextValue","useMemo","MessageBranchContent","childrenArray","useEffect","branch","index","MessageBranchSelector","totalBranches","ButtonGroup","MessageBranchPrevious","ChevronLeftIcon","MessageBranchNext","ChevronRightIcon","MessageBranchPage","ButtonGroupText","streamdownPlugins","cjk","code","math","mermaid","MessageResponse","memo","Streamdown","prevProps","nextProps","MessageToolbar"],"mappings":"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"}

package/dist/components/ai/message.js

@@ -1,237 +0,0 @@
-import { jsx as n, jsxs as x } from "react/jsx-runtime";
-import { cjk as w } from "@streamdown/cjk";
-import { code as N } from "@streamdown/code";
-import { math as y } from "@streamdown/math";
-import { mermaid as C } from "@streamdown/mermaid";
-import { ChevronRightIcon as T, ChevronLeftIcon as k } from "lucide-react";
-import { createContext as A, memo as z, useState as B, useCallback as d, useMemo as b, useEffect as P, useContext as j } from "react";
-import { Streamdown as R } from "streamdown";
-import { Button as g } from "../ui/button.js";
-import { ButtonGroupText as S, ButtonGroup as E } from "../ui/button-group.js";
-import { TooltipProvider as G, Tooltip as I, TooltipTrigger as $, TooltipContent as L } from "../ui/tooltip.js";
-import { cn as c } from "../../lib/utils.js";
-const _ = ({ className: e, from: s, ...t }) => /* @__PURE__ */ n(
-  "div",
-  {
-    className: c(
-      "group flex w-full max-w-[95%] flex-col gap-2",
-      s === "user" ? "is-user ml-auto justify-end" : "is-assistant",
-      e
-    ),
-    ...t
-  }
-), ee = ({
-  children: e,
-  className: s,
-  ...t
-}) => /* @__PURE__ */ n(
-  "div",
-  {
-    className: c(
-      "is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
-      "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground",
-      "group-[.is-assistant]:text-foreground",
-      s
-    ),
-    ...t,
-    children: e
-  }
-), se = ({
-  className: e,
-  children: s,
-  ...t
-}) => /* @__PURE__ */ n("div", { className: c("flex items-center gap-1", e), ...t, children: s }), te = ({
-  tooltip: e,
-  children: s,
-  label: t,
-  variant: a = "ghost",
-  size: r = "icon-sm",
-  ...i
-}) => {
-  const o = /* @__PURE__ */ x(g, { size: r, type: "button", variant: a, ...i, children: [
-    s,
-    /* @__PURE__ */ n("span", { className: "sr-only", children: t || e })
-  ] });
-  return e ? /* @__PURE__ */ n(G, { children: /* @__PURE__ */ x(I, { children: [
-    /* @__PURE__ */ n($, { asChild: !0, children: o }),
-    /* @__PURE__ */ n(L, { children: /* @__PURE__ */ n("p", { children: e }) })
-  ] }) }) : o;
-}, v = A(
-  null
-), u = () => {
-  const e = j(v);
-  if (!e)
-    throw new Error(
-      "MessageBranch components must be used within MessageBranch"
-    );
-  return e;
-}, ne = ({
-  defaultBranch: e = 0,
-  onBranchChange: s,
-  className: t,
-  ...a
-}) => {
-  const [r, i] = B(e), [o, h] = B([]), m = d(
-    (l) => {
-      i(l), s?.(l);
-    },
-    [s]
-  ), p = d(() => {
-    const l = r > 0 ? r - 1 : o.length - 1;
-    m(l);
-  }, [r, o.length, m]), f = d(() => {
-    const l = r < o.length - 1 ? r + 1 : 0;
-    m(l);
-  }, [r, o.length, m]), M = b(
-    () => ({
-      branches: o,
-      currentBranch: r,
-      goToNext: f,
-      goToPrevious: p,
-      setBranches: h,
-      totalBranches: o.length
-    }),
-    [o, r, f, p]
-  );
-  return /* @__PURE__ */ n(v.Provider, { value: M, children: /* @__PURE__ */ n(
-    "div",
-    {
-      className: c("grid w-full gap-2 [&>div]:pb-0", t),
-      ...a
-    }
-  ) });
-}, re = ({
-  children: e,
-  ...s
-}) => {
-  const { currentBranch: t, setBranches: a, branches: r } = u(), i = b(
-    () => Array.isArray(e) ? e : [e],
-    [e]
-  );
-  return P(() => {
-    r.length !== i.length && a(i);
-  }, [i, r, a]), i.map((o, h) => /* @__PURE__ */ n(
-    "div",
-    {
-      className: c(
-        "grid gap-2 overflow-hidden [&>div]:pb-0",
-        h === t ? "block" : "hidden"
-      ),
-      ...s,
-      children: o
-    },
-    o.key
-  ));
-}, oe = ({
-  className: e,
-  ...s
-}) => {
-  const { totalBranches: t } = u();
-  return t <= 1 ? null : /* @__PURE__ */ n(
-    E,
-    {
-      className: c(
-        "[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md",
-        e
-      ),
-      orientation: "horizontal",
-      ...s
-    }
-  );
-}, ae = ({
-  children: e,
-  ...s
-}) => {
-  const { goToPrevious: t, totalBranches: a } = u();
-  return /* @__PURE__ */ n(
-    g,
-    {
-      "aria-label": "Previous branch",
-      disabled: a <= 1,
-      onClick: t,
-      size: "icon-sm",
-      type: "button",
-      variant: "ghost",
-      ...s,
-      children: e ?? /* @__PURE__ */ n(k, { size: 14 })
-    }
-  );
-}, ce = ({
-  children: e,
-  ...s
-}) => {
-  const { goToNext: t, totalBranches: a } = u();
-  return /* @__PURE__ */ n(
-    g,
-    {
-      "aria-label": "Next branch",
-      disabled: a <= 1,
-      onClick: t,
-      size: "icon-sm",
-      type: "button",
-      variant: "ghost",
-      ...s,
-      children: e ?? /* @__PURE__ */ n(T, { size: 14 })
-    }
-  );
-}, ie = ({
-  className: e,
-  ...s
-}) => {
-  const { currentBranch: t, totalBranches: a } = u();
-  return /* @__PURE__ */ n(
-    S,
-    {
-      className: c(
-        "border-none bg-transparent text-muted-foreground shadow-none",
-        e
-      ),
-      ...s,
-      children: `${t + 1} of ${a}`
-    }
-  );
-}, V = { cjk: w, code: N, math: y, mermaid: C }, q = z(
-  ({ className: e, ...s }) => /* @__PURE__ */ n(
-    R,
-    {
-      className: c(
-        "size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
-        e
-      ),
-      plugins: V,
-      ...s
-    }
-  ),
-  (e, s) => e.children === s.children && s.isAnimating === e.isAnimating
-);
-q.displayName = "MessageResponse";
-const le = ({
-  className: e,
-  children: s,
-  ...t
-}) => /* @__PURE__ */ n(
-  "div",
-  {
-    className: c(
-      "mt-4 flex w-full items-center justify-between gap-4",
-      e
-    ),
-    ...t,
-    children: s
-  }
-);
-export {
-  _ as Message,
-  te as MessageAction,
-  se as MessageActions,
-  ne as MessageBranch,
-  re as MessageBranchContent,
-  ce as MessageBranchNext,
-  ie as MessageBranchPage,
-  ae as MessageBranchPrevious,
-  oe as MessageBranchSelector,
-  ee as MessageContent,
-  q as MessageResponse,
-  le as MessageToolbar
-};
-//# sourceMappingURL=message.js.map

package/dist/components/ai/message.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message.js","sources":["../../../src/components/ai/message.tsx"],"sourcesContent":["import { cjk } from \"@streamdown/cjk\";\nimport { code } from \"@streamdown/code\";\nimport { math } from \"@streamdown/math\";\nimport { mermaid } from \"@streamdown/mermaid\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Streamdown } from \"streamdown\";\n\nimport type { UIMessage } from \"ai\";\nimport type { ComponentProps, HTMLAttributes, ReactElement } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ButtonGroup,\n  ButtonGroupText,\n} from \"@/components/ui/button-group\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nexport type MessageProps = HTMLAttributes<HTMLDivElement> & {\n  from: UIMessage[\"role\"];\n};\n\nexport const Message = ({ className, from, ...props }: MessageProps) => (\n  <div\n    className={cn(\n      \"group flex w-full max-w-[95%] flex-col gap-2\",\n      from === \"user\" ? \"is-user ml-auto justify-end\" : \"is-assistant\",\n      className\n    )}\n    {...props}\n  />\n);\n\nexport type MessageContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const MessageContent = ({\n  children,\n  className,\n  ...props\n}: MessageContentProps) => (\n  <div\n    className={cn(\n      \"is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n      \"group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground\",\n      \"group-[.is-assistant]:text-foreground\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type MessageActionsProps = ComponentProps<\"div\">;\n\nexport const MessageActions = ({\n  className,\n  children,\n  ...props\n}: MessageActionsProps) => (\n  <div className={cn(\"flex items-center gap-1\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type MessageActionProps = ComponentProps<typeof Button> & {\n  tooltip?: string;\n  label?: string;\n};\n\nexport const MessageAction = ({\n  tooltip,\n  children,\n  label,\n  variant = \"ghost\",\n  size = \"icon-sm\",\n  ...props\n}: MessageActionProps) => {\n  const button = (\n    <Button size={size} type=\"button\" variant={variant} {...props}>\n      {children}\n      <span className=\"sr-only\">{label || tooltip}</span>\n    </Button>\n  );\n\n  if (tooltip) {\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent>\n            <p>{tooltip}</p>\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n\n  return button;\n};\n\ninterface MessageBranchContextType {\n  currentBranch: number;\n  totalBranches: number;\n  goToPrevious: () => void;\n  goToNext: () => void;\n  branches: ReactElement[];\n  setBranches: (branches: ReactElement[]) => void;\n}\n\nconst MessageBranchContext = createContext<MessageBranchContextType | null>(\n  null\n);\n\nconst useMessageBranch = () => {\n  const context = useContext(MessageBranchContext);\n\n  if (!context) {\n    throw new Error(\n      \"MessageBranch components must be used within MessageBranch\"\n    );\n  }\n\n  return context;\n};\n\nexport type MessageBranchProps = HTMLAttributes<HTMLDivElement> & {\n  defaultBranch?: number;\n  onBranchChange?: (branchIndex: number) => void;\n};\n\nexport const MessageBranch = ({\n  defaultBranch = 0,\n  onBranchChange,\n  className,\n  ...props\n}: MessageBranchProps) => {\n  const [currentBranch, setCurrentBranch] = useState(defaultBranch);\n  const [branches, setBranches] = useState<ReactElement[]>([]);\n\n  const handleBranchChange = useCallback(\n    (newBranch: number) => {\n      setCurrentBranch(newBranch);\n      onBranchChange?.(newBranch);\n    },\n    [onBranchChange]\n  );\n\n  const goToPrevious = useCallback(() => {\n    const newBranch =\n      currentBranch > 0 ? currentBranch - 1 : branches.length - 1;\n    handleBranchChange(newBranch);\n  }, [currentBranch, branches.length, handleBranchChange]);\n\n  const goToNext = useCallback(() => {\n    const newBranch =\n      currentBranch < branches.length - 1 ? currentBranch + 1 : 0;\n    handleBranchChange(newBranch);\n  }, [currentBranch, branches.length, handleBranchChange]);\n\n  const contextValue = useMemo<MessageBranchContextType>(\n    () => ({\n      branches,\n      currentBranch,\n      goToNext,\n      goToPrevious,\n      setBranches,\n      totalBranches: branches.length,\n    }),\n    [branches, currentBranch, goToNext, goToPrevious]\n  );\n\n  return (\n    <MessageBranchContext.Provider value={contextValue}>\n      <div\n        className={cn(\"grid w-full gap-2 [&>div]:pb-0\", className)}\n        {...props}\n      />\n    </MessageBranchContext.Provider>\n  );\n};\n\nexport type MessageBranchContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const MessageBranchContent = ({\n  children,\n  ...props\n}: MessageBranchContentProps) => {\n  const { currentBranch, setBranches, branches } = useMessageBranch();\n  const childrenArray = useMemo(\n    () => (Array.isArray(children) ? children : [children]),\n    [children]\n  );\n\n  // Use useEffect to update branches when they change\n  useEffect(() => {\n    if (branches.length !== childrenArray.length) {\n      setBranches(childrenArray);\n    }\n  }, [childrenArray, branches, setBranches]);\n\n  return childrenArray.map((branch, index) => (\n    <div\n      className={cn(\n        \"grid gap-2 overflow-hidden [&>div]:pb-0\",\n        index === currentBranch ? \"block\" : \"hidden\"\n      )}\n      key={branch.key}\n      {...props}\n    >\n      {branch}\n    </div>\n  ));\n};\n\nexport type MessageBranchSelectorProps = ComponentProps<typeof ButtonGroup>;\n\nexport const MessageBranchSelector = ({\n  className,\n  ...props\n}: MessageBranchSelectorProps) => {\n  const { totalBranches } = useMessageBranch();\n\n  // Don't render if there's only one branch\n  if (totalBranches <= 1) {\n    return null;\n  }\n\n  return (\n    <ButtonGroup\n      className={cn(\n        \"[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md\",\n        className\n      )}\n      orientation=\"horizontal\"\n      {...props}\n    />\n  );\n};\n\nexport type MessageBranchPreviousProps = ComponentProps<typeof Button>;\n\nexport const MessageBranchPrevious = ({\n  children,\n  ...props\n}: MessageBranchPreviousProps) => {\n  const { goToPrevious, totalBranches } = useMessageBranch();\n\n  return (\n    <Button\n      aria-label=\"Previous branch\"\n      disabled={totalBranches <= 1}\n      onClick={goToPrevious}\n      size=\"icon-sm\"\n      type=\"button\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <ChevronLeftIcon size={14} />}\n    </Button>\n  );\n};\n\nexport type MessageBranchNextProps = ComponentProps<typeof Button>;\n\nexport const MessageBranchNext = ({\n  children,\n  ...props\n}: MessageBranchNextProps) => {\n  const { goToNext, totalBranches } = useMessageBranch();\n\n  return (\n    <Button\n      aria-label=\"Next branch\"\n      disabled={totalBranches <= 1}\n      onClick={goToNext}\n      size=\"icon-sm\"\n      type=\"button\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <ChevronRightIcon size={14} />}\n    </Button>\n  );\n};\n\nexport type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const MessageBranchPage = ({\n  className,\n  ...props\n}: MessageBranchPageProps) => {\n  const { currentBranch, totalBranches } = useMessageBranch();\n\n  return (\n    <ButtonGroupText\n      className={cn(\n        \"border-none bg-transparent text-muted-foreground shadow-none\",\n        className\n      )}\n      {...props}\n    >\n      {`${currentBranch + 1} of ${totalBranches}`}\n    </ButtonGroupText>\n  );\n};\n\nexport type MessageResponseProps = ComponentProps<typeof Streamdown>;\n\nconst streamdownPlugins = { cjk, code, math, mermaid };\n\nexport const MessageResponse = memo(\n  ({ className, ...props }: MessageResponseProps) => (\n    <Streamdown\n      className={cn(\n        \"size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\",\n        className\n      )}\n      plugins={streamdownPlugins}\n      {...props}\n    />\n  ),\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children &&\n    nextProps.isAnimating === prevProps.isAnimating\n);\n\nMessageResponse.displayName = \"MessageResponse\";\n\nexport type MessageToolbarProps = ComponentProps<\"div\">;\n\nexport const MessageToolbar = ({\n  className,\n  children,\n  ...props\n}: MessageToolbarProps) => (\n  <div\n    className={cn(\n      \"mt-4 flex w-full items-center justify-between gap-4\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n"],"names":["Message","className","from","props","jsx","cn","MessageContent","children","MessageActions","MessageAction","tooltip","label","variant","size","button","Button","TooltipProvider","jsxs","Tooltip","TooltipTrigger","TooltipContent","MessageBranchContext","createContext","useMessageBranch","context","useContext","MessageBranch","defaultBranch","onBranchChange","currentBranch","setCurrentBranch","useState","branches","setBranches","handleBranchChange","useCallback","newBranch","goToPrevious","goToNext","contextValue","useMemo","MessageBranchContent","childrenArray","useEffect","branch","index","MessageBranchSelector","totalBranches","ButtonGroup","MessageBranchPrevious","ChevronLeftIcon","MessageBranchNext","ChevronRightIcon","MessageBranchPage","ButtonGroupText","streamdownPlugins","cjk","code","math","mermaid","MessageResponse","memo","Streamdown","prevProps","nextProps","MessageToolbar"],"mappings":"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"}

package/dist/components/ai/model-selector.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("../ui/command.cjs"),c=require("../ui/dialog.cjs"),d=require("../ui/kbd.cjs"),r=require("../../lib/utils.cjs"),a=e=>o.jsx(c.Dialog,{...e}),i=e=>o.jsx(c.DialogTrigger,{...e}),m=({className:e,children:t,title:s="Model Selector",...n})=>o.jsxs(c.DialogContent,{"aria-describedby":void 0,className:r.cn("outline! border-none! p-0 outline-border! outline-solid!",e),...n,children:[o.jsx(c.DialogTitle,{className:"sr-only",children:s}),o.jsx(l.Command,{className:"**:data-[slot=command-input-wrapper]:h-auto",children:t})]}),S=e=>o.jsx(l.CommandDialog,{...e}),g=({className:e,...t})=>o.jsx(l.CommandInput,{className:r.cn("h-auto py-3.5",e),...t}),u=e=>o.jsx(l.CommandList,{...e}),M=e=>o.jsx(l.CommandEmpty,{...e}),p=e=>o.jsx(l.CommandGroup,{...e}),x=e=>o.jsx(l.CommandItem,{...e}),j=({className:e,...t})=>o.jsx(d.Kbd,{className:r.cn("ml-auto",e),...t}),b=e=>o.jsx(l.CommandSeparator,{...e}),h=({provider:e,className:t,...s})=>o.jsx("img",{...s,alt:`${e} logo`,className:r.cn("size-3 dark:invert",t),height:12,src:`https://models.dev/logos/${e}.svg`,width:12}),C=({className:e,...t})=>o.jsx("div",{className:r.cn("flex shrink-0 items-center -space-x-1 [&>img]:rounded-full [&>img]:bg-background [&>img]:p-px [&>img]:ring-1 dark:[&>img]:bg-foreground",e),...t}),N=({className:e,...t})=>o.jsx("span",{className:r.cn("flex-1 truncate text-left",e),...t});exports.ModelSelector=a;exports.ModelSelectorContent=m;exports.ModelSelectorDialog=S;exports.ModelSelectorEmpty=M;exports.ModelSelectorGroup=p;exports.ModelSelectorInput=g;exports.ModelSelectorItem=x;exports.ModelSelectorList=u;exports.ModelSelectorLogo=h;exports.ModelSelectorLogoGroup=C;exports.ModelSelectorName=N;exports.ModelSelectorSeparator=b;exports.ModelSelectorShortcut=j;exports.ModelSelectorTrigger=i;
-//# sourceMappingURL=model-selector.cjs.map

package/dist/components/ai/model-selector.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"model-selector.cjs","sources":["../../../src/components/ai/model-selector.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\n\nimport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from \"@/components/ui/command\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\";\nimport { Kbd } from \"@/components/ui/kbd\";\nimport { cn } from \"@/lib/utils\";\n\nexport type ModelSelectorProps = ComponentProps<typeof Dialog>;\n\nexport const ModelSelector = (props: ModelSelectorProps) => (\n  <Dialog {...props} />\n);\n\nexport type ModelSelectorTriggerProps = ComponentProps<typeof DialogTrigger>;\n\nexport const ModelSelectorTrigger = (props: ModelSelectorTriggerProps) => (\n  <DialogTrigger {...props} />\n);\n\nexport type ModelSelectorContentProps = ComponentProps<typeof DialogContent> & {\n  title?: ReactNode;\n};\n\nexport const ModelSelectorContent = ({\n  className,\n  children,\n  title = \"Model Selector\",\n  ...props\n}: ModelSelectorContentProps) => (\n  <DialogContent\n    aria-describedby={undefined}\n    className={cn(\n      \"outline! border-none! p-0 outline-border! outline-solid!\",\n      className\n    )}\n    {...props}\n  >\n    <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n    <Command className=\"**:data-[slot=command-input-wrapper]:h-auto\">\n      {children}\n    </Command>\n  </DialogContent>\n);\n\nexport type ModelSelectorDialogProps = ComponentProps<typeof CommandDialog>;\n\nexport const ModelSelectorDialog = (props: ModelSelectorDialogProps) => (\n  <CommandDialog {...props} />\n);\n\nexport type ModelSelectorInputProps = ComponentProps<typeof CommandInput>;\n\nexport const ModelSelectorInput = ({\n  className,\n  ...props\n}: ModelSelectorInputProps) => (\n  <CommandInput className={cn(\"h-auto py-3.5\", className)} {...props} />\n);\n\nexport type ModelSelectorListProps = ComponentProps<typeof CommandList>;\n\nexport const ModelSelectorList = (props: ModelSelectorListProps) => (\n  <CommandList {...props} />\n);\n\nexport type ModelSelectorEmptyProps = ComponentProps<typeof CommandEmpty>;\n\nexport const ModelSelectorEmpty = (props: ModelSelectorEmptyProps) => (\n  <CommandEmpty {...props} />\n);\n\nexport type ModelSelectorGroupProps = ComponentProps<typeof CommandGroup>;\n\nexport const ModelSelectorGroup = (props: ModelSelectorGroupProps) => (\n  <CommandGroup {...props} />\n);\n\nexport type ModelSelectorItemProps = ComponentProps<typeof CommandItem>;\n\nexport const ModelSelectorItem = (props: ModelSelectorItemProps) => (\n  <CommandItem {...props} />\n);\n\nexport type ModelSelectorShortcutProps = ComponentProps<typeof Kbd>;\n\nexport const ModelSelectorShortcut = ({\n  className,\n  ...props\n}: ModelSelectorShortcutProps) => (\n  <Kbd className={cn(\"ml-auto\", className)} {...props} />\n);\n\nexport type ModelSelectorSeparatorProps = ComponentProps<\n  typeof CommandSeparator\n>;\n\nexport const ModelSelectorSeparator = (props: ModelSelectorSeparatorProps) => (\n  <CommandSeparator {...props} />\n);\n\nexport type ModelSelectorLogoProps = Omit<\n  ComponentProps<\"img\">,\n  \"src\" | \"alt\"\n> & {\n  provider:\n    | \"moonshotai-cn\"\n    | \"lucidquery\"\n    | \"moonshotai\"\n    | \"zai-coding-plan\"\n    | \"alibaba\"\n    | \"xai\"\n    | \"vultr\"\n    | \"nvidia\"\n    | \"upstage\"\n    | \"groq\"\n    | \"github-copilot\"\n    | \"mistral\"\n    | \"vercel\"\n    | \"nebius\"\n    | \"deepseek\"\n    | \"alibaba-cn\"\n    | \"google-vertex-anthropic\"\n    | \"venice\"\n    | \"chutes\"\n    | \"cortecs\"\n    | \"github-models\"\n    | \"togetherai\"\n    | \"azure\"\n    | \"baseten\"\n    | \"huggingface\"\n    | \"opencode\"\n    | \"fastrouter\"\n    | \"google\"\n    | \"google-vertex\"\n    | \"cloudflare-workers-ai\"\n    | \"inception\"\n    | \"wandb\"\n    | \"openai\"\n    | \"zhipuai-coding-plan\"\n    | \"perplexity\"\n    | \"openrouter\"\n    | \"zenmux\"\n    | \"v0\"\n    | \"iflowcn\"\n    | \"synthetic\"\n    | \"deepinfra\"\n    | \"zhipuai\"\n    | \"submodel\"\n    | \"zai\"\n    | \"inference\"\n    | \"requesty\"\n    | \"morph\"\n    | \"lmstudio\"\n    | \"anthropic\"\n    | \"aihubmix\"\n    | \"fireworks-ai\"\n    | \"modelscope\"\n    | \"llama\"\n    | \"scaleway\"\n    | \"amazon-bedrock\"\n    | \"cerebras\"\n    // oxlint-disable-next-line typescript-eslint(ban-types) -- intentional pattern for autocomplete-friendly string union\n    | (string & {});\n};\n\nexport const ModelSelectorLogo = ({\n  provider,\n  className,\n  ...props\n}: ModelSelectorLogoProps) => (\n  <img\n    {...props}\n    alt={`${provider} logo`}\n    className={cn(\"size-3 dark:invert\", className)}\n    height={12}\n    src={`https://models.dev/logos/${provider}.svg`}\n    width={12}\n  />\n);\n\nexport type ModelSelectorLogoGroupProps = ComponentProps<\"div\">;\n\nexport const ModelSelectorLogoGroup = ({\n  className,\n  ...props\n}: ModelSelectorLogoGroupProps) => (\n  <div\n    className={cn(\n      \"flex shrink-0 items-center -space-x-1 [&>img]:rounded-full [&>img]:bg-background [&>img]:p-px [&>img]:ring-1 dark:[&>img]:bg-foreground\",\n      className\n    )}\n    {...props}\n  />\n);\n\nexport type ModelSelectorNameProps = ComponentProps<\"span\">;\n\nexport const ModelSelectorName = ({\n  className,\n  ...props\n}: ModelSelectorNameProps) => (\n  <span className={cn(\"flex-1 truncate text-left\", className)} {...props} />\n);\n"],"names":["ModelSelector","props","jsx","Dialog","ModelSelectorTrigger","DialogTrigger","ModelSelectorContent","className","children","title","jsxs","DialogContent","cn","DialogTitle","Command","ModelSelectorDialog","CommandDialog","ModelSelectorInput","CommandInput","ModelSelectorList","CommandList","ModelSelectorEmpty","CommandEmpty","ModelSelectorGroup","CommandGroup","ModelSelectorItem","CommandItem","ModelSelectorShortcut","Kbd","ModelSelectorSeparator","CommandSeparator","ModelSelectorLogo","provider","ModelSelectorLogoGroup","ModelSelectorName"],"mappings":"8OAuBaA,EAAiBC,GAC5BC,EAAAA,IAACC,EAAAA,OAAA,CAAQ,GAAGF,CAAA,CAAO,EAKRG,EAAwBH,GACnCC,EAAAA,IAACG,EAAAA,cAAA,CAAe,GAAGJ,CAAA,CAAO,EAOfK,EAAuB,CAAC,CACnC,UAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,iBACR,GAAGR,CACL,IACES,EAAAA,KAACC,EAAAA,cAAA,CACC,mBAAkB,OAClB,UAAWC,EAAAA,GACT,2DACAL,CAAA,EAED,GAAGN,EAEJ,SAAA,CAAAC,EAAAA,IAACW,EAAAA,YAAA,CAAY,UAAU,UAAW,SAAAJ,EAAM,EACxCP,EAAAA,IAACY,EAAAA,QAAA,CAAQ,UAAU,8CAChB,SAAAN,CAAA,CACH,CAAA,CAAA,CACF,EAKWO,EAAuBd,GAClCC,EAAAA,IAACc,EAAAA,cAAA,CAAe,GAAGf,CAAA,CAAO,EAKfgB,EAAqB,CAAC,CACjC,UAAAV,EACA,GAAGN,CACL,IACEC,EAAAA,IAACgB,EAAAA,cAAa,UAAWN,EAAAA,GAAG,gBAAiBL,CAAS,EAAI,GAAGN,CAAA,CAAO,EAKzDkB,EAAqBlB,GAChCC,EAAAA,IAACkB,EAAAA,YAAA,CAAa,GAAGnB,CAAA,CAAO,EAKboB,EAAsBpB,GACjCC,EAAAA,IAACoB,EAAAA,aAAA,CAAc,GAAGrB,CAAA,CAAO,EAKdsB,EAAsBtB,GACjCC,EAAAA,IAACsB,EAAAA,aAAA,CAAc,GAAGvB,CAAA,CAAO,EAKdwB,EAAqBxB,GAChCC,EAAAA,IAACwB,EAAAA,YAAA,CAAa,GAAGzB,CAAA,CAAO,EAKb0B,EAAwB,CAAC,CACpC,UAAApB,EACA,GAAGN,CACL,IACEC,EAAAA,IAAC0B,EAAAA,KAAI,UAAWhB,EAAAA,GAAG,UAAWL,CAAS,EAAI,GAAGN,CAAA,CAAO,EAO1C4B,EAA0B5B,GACrCC,EAAAA,IAAC4B,EAAAA,iBAAA,CAAkB,GAAG7B,CAAA,CAAO,EAoElB8B,EAAoB,CAAC,CAChC,SAAAC,EACA,UAAAzB,EACA,GAAGN,CACL,IACEC,EAAAA,IAAC,MAAA,CACE,GAAGD,EACJ,IAAK,GAAG+B,CAAQ,QAChB,UAAWpB,EAAAA,GAAG,qBAAsBL,CAAS,EAC7C,OAAQ,GACR,IAAK,4BAA4ByB,CAAQ,OACzC,MAAO,EAAA,CACT,EAKWC,EAAyB,CAAC,CACrC,UAAA1B,EACA,GAAGN,CACL,IACEC,EAAAA,IAAC,MAAA,CACC,UAAWU,EAAAA,GACT,0IACAL,CAAA,EAED,GAAGN,CAAA,CACN,EAKWiC,EAAoB,CAAC,CAChC,UAAA3B,EACA,GAAGN,CACL,IACEC,EAAAA,IAAC,QAAK,UAAWU,EAAAA,GAAG,4BAA6BL,CAAS,EAAI,GAAGN,CAAA,CAAO"}

package/dist/components/ai/model-selector.js

@@ -1,77 +0,0 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { Command as s, CommandDialog as c, CommandEmpty as n, CommandGroup as d, CommandInput as i, CommandItem as g, CommandList as p, CommandSeparator as u } from "../ui/command.js";
-import { Dialog as S, DialogContent as M, DialogTitle as f, DialogTrigger as h } from "../ui/dialog.js";
-import { Kbd as C } from "../ui/kbd.js";
-import { cn as l } from "../../lib/utils.js";
-const k = (o) => /* @__PURE__ */ e(S, { ...o }), v = (o) => /* @__PURE__ */ e(h, { ...o }), I = ({
-  className: o,
-  children: t,
-  title: r = "Model Selector",
-  ...a
-}) => /* @__PURE__ */ m(
-  M,
-  {
-    "aria-describedby": void 0,
-    className: l(
-      "outline! border-none! p-0 outline-border! outline-solid!",
-      o
-    ),
-    ...a,
-    children: [
-      /* @__PURE__ */ e(f, { className: "sr-only", children: r }),
-      /* @__PURE__ */ e(s, { className: "**:data-[slot=command-input-wrapper]:h-auto", children: t })
-    ]
-  }
-), L = (o) => /* @__PURE__ */ e(c, { ...o }), G = ({
-  className: o,
-  ...t
-}) => /* @__PURE__ */ e(i, { className: l("h-auto py-3.5", o), ...t }), T = (o) => /* @__PURE__ */ e(p, { ...o }), j = (o) => /* @__PURE__ */ e(n, { ...o }), w = (o) => /* @__PURE__ */ e(d, { ...o }), E = (o) => /* @__PURE__ */ e(g, { ...o }), $ = ({
-  className: o,
-  ...t
-}) => /* @__PURE__ */ e(C, { className: l("ml-auto", o), ...t }), z = (o) => /* @__PURE__ */ e(u, { ...o }), K = ({
-  provider: o,
-  className: t,
-  ...r
-}) => /* @__PURE__ */ e(
-  "img",
-  {
-    ...r,
-    alt: `${o} logo`,
-    className: l("size-3 dark:invert", t),
-    height: 12,
-    src: `https://models.dev/logos/${o}.svg`,
-    width: 12
-  }
-), q = ({
-  className: o,
-  ...t
-}) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: l(
-      "flex shrink-0 items-center -space-x-1 [&>img]:rounded-full [&>img]:bg-background [&>img]:p-px [&>img]:ring-1 dark:[&>img]:bg-foreground",
-      o
-    ),
-    ...t
-  }
-), A = ({
-  className: o,
-  ...t
-}) => /* @__PURE__ */ e("span", { className: l("flex-1 truncate text-left", o), ...t });
-export {
-  k as ModelSelector,
-  I as ModelSelectorContent,
-  L as ModelSelectorDialog,
-  j as ModelSelectorEmpty,
-  w as ModelSelectorGroup,
-  G as ModelSelectorInput,
-  E as ModelSelectorItem,
-  T as ModelSelectorList,
-  K as ModelSelectorLogo,
-  q as ModelSelectorLogoGroup,
-  A as ModelSelectorName,
-  z as ModelSelectorSeparator,
-  $ as ModelSelectorShortcut,
-  v as ModelSelectorTrigger
-};
-//# sourceMappingURL=model-selector.js.map