@alexgorbatchev/shadcn 0.0.0-stage → 0.0.16

package/dist/chunk-22678d2t.js

@@ -0,0 +1,546 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Badge2
+} from "./chunk-wjx6zf94.js";
+import {
+  buttonVariants2,
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  Dialog2,
+  DialogTrigger2,
+  DialogContent2,
+  DialogHeader2,
+  DialogTitle2,
+  DialogDescription2
+} from "./chunk-zhnwybhq.js";
+import {
+  Input2
+} from "./chunk-59p19t57.js";
+import {
+  Label2
+} from "./chunk-jcxxjkqx.js";
+import {
+  Separator2
+} from "./chunk-rajgnfbr.js";
+
+// src/components/assistant-ui/native/McpConfigDialog.tsx
+import { useId, isValidElement } from "react";
+import { useAuiState as useAuiState4 } from "@assistant-ui/store";
+import {
+  McpAddFormPrimitive,
+  McpManagerPrimitive,
+  McpServerPrimitive
+} from "@assistant-ui/react-mcp";
+import {
+  Loader2Icon,
+  PlugIcon,
+  PlugZapIcon,
+  PlusIcon,
+  ServerIcon,
+  ShieldAlertIcon,
+  Trash2Icon,
+  XIcon
+} from "lucide-react";
+
+// src/components/assistant-ui/utils/mcpConfigState.ts
+var FOCUSABLE_SELECTOR = "button:not([disabled]), a[href]";
+var firstFocusable = (element) => element?.matches(FOCUSABLE_SELECTOR) ? element : element?.querySelector(FOCUSABLE_SELECTOR);
+var indexOfServer = (list, element) => [...list.children].findIndex((card) => card.contains(element));
+var isFocusLost = () => {
+  const active = document.activeElement;
+  return !active || active === document.body || active.getAttribute("role") === "dialog";
+};
+var STATUS_LABEL = {
+  connected: "Connected",
+  connecting: "Connecting…",
+  authRequired: "Auth required",
+  authPending: "Authorizing…",
+  error: "Error",
+  disconnected: "Disconnected"
+};
+
+// src/components/assistant-ui/hooks/useCustomServersSection.ts
+import { useLayoutEffect, useRef, useState } from "react";
+import { useAuiState } from "@assistant-ui/store";
+function useCustomServersSection() {
+  const serverIds = useAuiState((s) => s.mcp.customServers.map((server) => server.id).join("\x1F"));
+  const [showForm, setShowForm] = useState(false);
+  const listRef = useRef(null);
+  const focusedServerRef = useRef(null);
+  const addTriggerRef = useRef(null);
+  const restoreFocusRef = useRef(false);
+  useLayoutEffect(() => {
+    if (showForm || !restoreFocusRef.current)
+      return;
+    restoreFocusRef.current = false;
+    addTriggerRef.current?.focus();
+  }, [showForm]);
+  useLayoutEffect(() => {
+    const list = listRef.current;
+    const focused = focusedServerRef.current;
+    if (!list || !focused)
+      return;
+    if (focused.element.isConnected) {
+      focused.index = indexOfServer(list, focused.element);
+      return;
+    }
+    focusedServerRef.current = null;
+    if (!isFocusLost())
+      return;
+    (firstFocusable(list.children[focused.index]) ?? firstFocusable(list.nextElementSibling))?.focus();
+  }, [serverIds]);
+  const onListFocus = (list, element) => {
+    focusedServerRef.current = {
+      element,
+      index: indexOfServer(list, element)
+    };
+  };
+  const openForm = () => setShowForm(true);
+  const closeForm = () => {
+    restoreFocusRef.current = true;
+    setShowForm(false);
+  };
+  return { showForm, listRef, addTriggerRef, onListFocus, openForm, closeForm };
+}
+
+// src/components/assistant-ui/hooks/useServerActionFocus.ts
+import { useEffect, useRef as useRef2 } from "react";
+import { useAuiState as useAuiState2 } from "@assistant-ui/store";
+function useServerActionFocus() {
+  const state = useAuiState2((s) => s.mcpServer.connectionState);
+  const actionRef = useRef2(null);
+  const focusedRef = useRef2(null);
+  useEffect(() => {
+    const focused = focusedRef.current;
+    if (!focused || focused.isConnected)
+      return;
+    focusedRef.current = null;
+    if (isFocusLost())
+      actionRef.current?.focus();
+  }, [state]);
+  const onActionFocus = (element) => {
+    focusedRef.current = element;
+  };
+  return { actionRef, onActionFocus };
+}
+
+// src/components/assistant-ui/hooks/useServerAnnouncement.ts
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useAuiState as useAuiState3 } from "@assistant-ui/store";
+function useServerAnnouncement() {
+  const status = useAuiState3((s) => s.mcpServer.connectionState);
+  const message = useAuiState3((s) => s.mcpServer.lastError?.message ?? null);
+  const [seen, setSeen] = useState2({ status, message });
+  const [announcement, setAnnouncement] = useState2("");
+  if (seen.status !== status || seen.message !== message) {
+    setSeen({ status, message });
+    if (message && message !== seen.message) {
+      setAnnouncement(`${STATUS_LABEL.error}: ${message}`);
+    } else if (status !== seen.status) {
+      setAnnouncement(STATUS_LABEL[status]);
+    }
+  }
+  useEffect2(() => {
+    if (!announcement)
+      return;
+    const timeout = setTimeout(() => setAnnouncement(""), 1000);
+    return () => clearTimeout(timeout);
+  }, [announcement]);
+  return announcement;
+}
+
+// src/components/assistant-ui/native/McpConfigDialog.tsx
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function McpConfigDialog2({ children }) {
+  return /* @__PURE__ */ jsxs(Dialog2, {
+    children: [
+      /* @__PURE__ */ jsx(DialogTrigger2, {
+        render: isValidElement(children) ? children : /* @__PURE__ */ jsx(Button2, {
+          variant: "ghost"
+        }),
+        children: isValidElement(children) ? undefined : children ?? /* @__PURE__ */ jsxs(Fragment, {
+          children: [
+            /* @__PURE__ */ jsx(PlugIcon, {
+              "aria-hidden": "true",
+              className: "size-4 shrink-0"
+            }),
+            "MCP servers"
+          ]
+        })
+      }),
+      /* @__PURE__ */ jsxs(DialogContent2, {
+        children: [
+          /* @__PURE__ */ jsxs(DialogHeader2, {
+            children: [
+              /* @__PURE__ */ jsx(DialogTitle2, {
+                children: "MCP servers"
+              }),
+              /* @__PURE__ */ jsx(DialogDescription2, {
+                children: "Connect to Model Context Protocol servers to expose their tools to this assistant."
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx(McpManagerPrimitive.Root, {
+            children: /* @__PURE__ */ jsxs("div", {
+              className: "flex flex-col gap-4",
+              children: [
+                /* @__PURE__ */ jsx(ConnectorsSection, {}),
+                /* @__PURE__ */ jsx(Separator2, {}),
+                /* @__PURE__ */ jsx(CustomServersSection, {})
+              ]
+            })
+          })
+        ]
+      })
+    ]
+  });
+}
+McpConfigDialog2.displayName = "McpConfigDialog";
+var ConnectorsSection = () => {
+  return /* @__PURE__ */ jsxs("section", {
+    className: "aui-mcp-connectors flex flex-col gap-2",
+    children: [
+      /* @__PURE__ */ jsx(SectionTitle, {
+        children: "Connectors"
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "flex flex-col gap-2",
+        children: /* @__PURE__ */ jsx(McpManagerPrimitive.Connectors, {
+          children: () => /* @__PURE__ */ jsx(ServerCard, {})
+        })
+      })
+    ]
+  });
+};
+var CustomServersSection = () => {
+  const { showForm, listRef, addTriggerRef, onListFocus, openForm, closeForm } = useCustomServersSection();
+  return /* @__PURE__ */ jsxs("section", {
+    className: "aui-mcp-custom-servers flex flex-col gap-2",
+    children: [
+      /* @__PURE__ */ jsx(SectionTitle, {
+        children: "Custom servers"
+      }),
+      /* @__PURE__ */ jsx("div", {
+        ref: listRef,
+        className: "flex flex-col gap-2",
+        onFocus: (e) => onListFocus(e.currentTarget, e.target),
+        children: /* @__PURE__ */ jsx(McpManagerPrimitive.CustomServers, {
+          children: () => /* @__PURE__ */ jsx(ServerCard, {})
+        })
+      }),
+      !showForm && /* @__PURE__ */ jsx(McpManagerPrimitive.AddCustomTrigger, {
+        ref: addTriggerRef,
+        onClick: openForm,
+        asChild: true,
+        children: /* @__PURE__ */ jsxs("button", {
+          className: cn2(buttonVariants2({ variant: "default" }), "aui-mcp-add-trigger h-control justify-start gap-2 rounded-md px-3 text-sm"),
+          children: [
+            /* @__PURE__ */ jsx(PlusIcon, {
+              "aria-hidden": "true",
+              className: "size-4 shrink-0"
+            }),
+            "Add server"
+          ]
+        })
+      }),
+      showForm && /* @__PURE__ */ jsx(AddServerForm, {
+        onClose: closeForm
+      })
+    ]
+  });
+};
+var SectionTitle = ({ children }) => /* @__PURE__ */ jsx("h3", {
+  className: "text-muted-foreground text-sm font-medium tracking-wide uppercase",
+  children
+});
+var ServerCard = () => {
+  return /* @__PURE__ */ jsx(McpServerPrimitive.Root, {
+    asChild: true,
+    children: /* @__PURE__ */ jsxs("div", {
+      className: cn2("aui-mcp-server-card flex flex-col gap-2 rounded-md border p-3", "data-[connection-state=error]:border-destructive/40"),
+      children: [
+        /* @__PURE__ */ jsxs("div", {
+          className: "flex items-center gap-3",
+          children: [
+            /* @__PURE__ */ jsx(ServerAvatar, {}),
+            /* @__PURE__ */ jsxs("div", {
+              className: "flex min-w-0 flex-1 flex-col",
+              children: [
+                /* @__PURE__ */ jsx("span", {
+                  className: "truncate text-sm font-medium",
+                  children: /* @__PURE__ */ jsx(McpServerPrimitive.Name, {})
+                }),
+                /* @__PURE__ */ jsx(StatusLine, {})
+              ]
+            }),
+            /* @__PURE__ */ jsxs("div", {
+              className: "flex items-center gap-1",
+              children: [
+                /* @__PURE__ */ jsx(ServerActions, {}),
+                /* @__PURE__ */ jsx(McpServerPrimitive.RemoveButton, {
+                  asChild: true,
+                  children: /* @__PURE__ */ jsxs(Button2, {
+                    variant: "ghost",
+                    children: [
+                      /* @__PURE__ */ jsx(Trash2Icon, {
+                        "aria-hidden": "true",
+                        className: "size-4 shrink-0"
+                      }),
+                      /* @__PURE__ */ jsx("span", {
+                        className: "sr-only",
+                        children: "Remove"
+                      })
+                    ]
+                  })
+                })
+              ]
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsx(ServerError, {}),
+        /* @__PURE__ */ jsx(ServerAnnouncement, {})
+      ]
+    })
+  });
+};
+var ServerAvatar = () => {
+  const icon = useAuiState4((s) => s.mcpServer.icon ?? null);
+  const name = useAuiState4((s) => s.mcpServer.name);
+  return /* @__PURE__ */ jsx("div", {
+    className: "bg-muted text-muted-foreground flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-md border",
+    children: icon ? /* @__PURE__ */ jsx("img", {
+      src: icon,
+      alt: name,
+      className: "size-full object-cover"
+    }) : /* @__PURE__ */ jsx(ServerIcon, {
+      "aria-hidden": "true",
+      className: "size-4 shrink-0"
+    })
+  });
+};
+var STATUS_VARIANT = {
+  connected: "default",
+  connecting: "default",
+  authRequired: "default",
+  authPending: "default",
+  error: "destructive",
+  disconnected: "default"
+};
+var StatusLine = () => {
+  const status = useAuiState4((s) => s.mcpServer.connectionState);
+  const variant = STATUS_VARIANT[status];
+  const label = STATUS_LABEL[status];
+  return /* @__PURE__ */ jsx("div", {
+    className: "text-muted-foreground flex items-center gap-1.5 text-sm",
+    children: /* @__PURE__ */ jsxs(Badge2, {
+      variant,
+      children: [
+        status === "connecting" && /* @__PURE__ */ jsx(Loader2Icon, {
+          "aria-hidden": "true",
+          className: "size-3.5 shrink-0 animate-spin motion-reduce:animate-none"
+        }),
+        label
+      ]
+    })
+  });
+};
+var ServerAnnouncement = () => {
+  const announcement = useServerAnnouncement();
+  return /* @__PURE__ */ jsx("div", {
+    role: "status",
+    className: "sr-only",
+    children: announcement
+  });
+};
+var ServerError = () => {
+  const message = useAuiState4((s) => s.mcpServer.lastError?.message ?? null);
+  if (!message)
+    return null;
+  return /* @__PURE__ */ jsxs("div", {
+    className: "border-destructive/40 bg-destructive/5 text-destructive flex items-start gap-2 rounded-md border px-2 py-1.5 text-sm",
+    children: [
+      /* @__PURE__ */ jsx(ShieldAlertIcon, {
+        "aria-hidden": "true",
+        className: "size-3.5 shrink-0"
+      }),
+      /* @__PURE__ */ jsx("span", {
+        className: "break-words",
+        children: message
+      })
+    ]
+  });
+};
+var ServerActions = () => {
+  const { actionRef, onActionFocus } = useServerActionFocus();
+  return /* @__PURE__ */ jsxs("div", {
+    className: "flex flex-wrap gap-2",
+    onFocus: (e) => onActionFocus(e.target),
+    children: [
+      /* @__PURE__ */ jsx(McpServerPrimitive.ConnectButton, {
+        ref: actionRef,
+        asChild: true,
+        children: /* @__PURE__ */ jsxs("button", {
+          className: cn2(buttonVariants2({ variant: "default" }), "aui-mcp-server-connect h-control-sm gap-2 text-sm"),
+          children: [
+            /* @__PURE__ */ jsx(PlugZapIcon, {
+              "aria-hidden": "true",
+              className: "size-3.5 shrink-0"
+            }),
+            "Connect"
+          ]
+        })
+      }),
+      /* @__PURE__ */ jsx(McpServerPrimitive.OAuthLink, {
+        asChild: true,
+        children: /* @__PURE__ */ jsx("a", {
+          className: cn2(buttonVariants2({ variant: "default" }), "aui-mcp-server-authorize h-control-sm gap-2 text-sm"),
+          children: "Authorize"
+        })
+      }),
+      /* @__PURE__ */ jsx(McpServerPrimitive.DisconnectButton, {
+        ref: actionRef,
+        asChild: true,
+        children: /* @__PURE__ */ jsx("button", {
+          className: cn2(buttonVariants2({ variant: "default" }), "aui-mcp-server-disconnect h-control-sm text-sm"),
+          children: "Disconnect"
+        })
+      })
+    ]
+  });
+};
+var AddServerForm = ({ onClose }) => {
+  const formId = useId();
+  const fieldIds = {
+    name: `${formId}-name`,
+    url: `${formId}-url`,
+    auth: `${formId}-auth`,
+    bearerToken: `${formId}-bearer-token`,
+    scopes: `${formId}-scopes`
+  };
+  return /* @__PURE__ */ jsx(McpAddFormPrimitive.Root, {
+    onSubmitted: onClose,
+    onCancel: onClose,
+    children: /* @__PURE__ */ jsxs("div", {
+      className: "aui-mcp-add-form flex flex-col gap-3 rounded-md border p-3",
+      children: [
+        /* @__PURE__ */ jsxs("div", {
+          className: "flex items-center justify-between",
+          children: [
+            /* @__PURE__ */ jsx("h4", {
+              className: "text-sm font-medium",
+              children: "New server"
+            }),
+            /* @__PURE__ */ jsx(McpAddFormPrimitive.Cancel, {
+              asChild: true,
+              children: /* @__PURE__ */ jsxs(Button2, {
+                type: "button",
+                variant: "ghost",
+                children: [
+                  /* @__PURE__ */ jsx(XIcon, {
+                    "aria-hidden": "true",
+                    className: "size-4 shrink-0"
+                  }),
+                  /* @__PURE__ */ jsx("span", {
+                    className: "sr-only",
+                    children: "Close form"
+                  })
+                ]
+              })
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsx(FormRow, {
+          label: "Name",
+          htmlFor: fieldIds.name,
+          children: /* @__PURE__ */ jsx(McpAddFormPrimitive.NameField, {
+            autoFocus: true,
+            id: fieldIds.name,
+            asChild: true,
+            children: /* @__PURE__ */ jsx(Input2, {
+              placeholder: "My MCP server"
+            })
+          })
+        }),
+        /* @__PURE__ */ jsx(FormRow, {
+          label: "URL",
+          htmlFor: fieldIds.url,
+          children: /* @__PURE__ */ jsx(McpAddFormPrimitive.UrlField, {
+            id: fieldIds.url,
+            asChild: true,
+            children: /* @__PURE__ */ jsx(Input2, {
+              placeholder: "https://example.com/mcp"
+            })
+          })
+        }),
+        /* @__PURE__ */ jsx(FormRow, {
+          label: "Auth",
+          htmlFor: fieldIds.auth,
+          children: /* @__PURE__ */ jsx(McpAddFormPrimitive.AuthSelect, {
+            id: fieldIds.auth,
+            className: "aui-mcp-auth-select bg-background h-control w-full rounded-sm border px-control-x text-control"
+          })
+        }),
+        /* @__PURE__ */ jsx(McpAddFormPrimitive.AuthFields, {
+          children: ({ authType }) => authType === "bearer" ? /* @__PURE__ */ jsx(FormRow, {
+            label: "Bearer token",
+            htmlFor: fieldIds.bearerToken,
+            children: /* @__PURE__ */ jsx(McpAddFormPrimitive.BearerTokenField, {
+              id: fieldIds.bearerToken,
+              asChild: true,
+              children: /* @__PURE__ */ jsx(Input2, {})
+            })
+          }) : authType === "oauth" ? /* @__PURE__ */ jsx(FormRow, {
+            label: "OAuth scopes",
+            htmlFor: fieldIds.scopes,
+            children: /* @__PURE__ */ jsx(McpAddFormPrimitive.ScopesField, {
+              id: fieldIds.scopes,
+              asChild: true,
+              children: /* @__PURE__ */ jsx(Input2, {})
+            })
+          }) : null
+        }),
+        /* @__PURE__ */ jsx(McpAddFormPrimitive.Error, {
+          className: "text-destructive text-sm"
+        }),
+        /* @__PURE__ */ jsxs("div", {
+          className: "flex justify-end gap-2",
+          children: [
+            /* @__PURE__ */ jsx(McpAddFormPrimitive.Cancel, {
+              asChild: true,
+              children: /* @__PURE__ */ jsx(Button2, {
+                type: "button",
+                variant: "ghost",
+                children: "Cancel"
+              })
+            }),
+            /* @__PURE__ */ jsx(McpAddFormPrimitive.Submit, {
+              asChild: true,
+              children: /* @__PURE__ */ jsx(Button2, {
+                type: "submit",
+                children: "Add server"
+              })
+            })
+          ]
+        })
+      ]
+    })
+  });
+};
+var FormRow = ({ label, htmlFor, children }) => /* @__PURE__ */ jsxs("div", {
+  className: "flex flex-col gap-1.5",
+  children: [
+    /* @__PURE__ */ jsx(Label2, {
+      htmlFor,
+      children: label
+    }),
+    /* @__PURE__ */ jsx("div", {
+      className: "flex flex-col gap-2",
+      children
+    })
+  ]
+});
+
+export { McpConfigDialog2 };

package/dist/chunk-23ey5ek0.js

@@ -0,0 +1,117 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  field,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/ThreadList.tsx
+import { PencilIcon, Trash2Icon } from "lucide-react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function ThreadList2({
+  threads,
+  activeIndex,
+  onActiveIndexChange,
+  onRename,
+  onDelete,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "ThreadList",
+    "data-slot": "thread-list",
+    className: cn2(cn2("flex w-full max-w-[240px] flex-col gap-0.5"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        className: cn2(mono, "text-muted-foreground px-3 pb-1.5"),
+        children: "Today"
+      }),
+      threads.map((thread, i) => {
+        const active = i === activeIndex;
+        const hasActions = onRename !== undefined || onDelete !== undefined;
+        const hasTwoActions = onRename !== undefined && onDelete !== undefined;
+        const rowClassName = cn2("group relative flex w-full items-center rounded-md text-base transition-colors", active ? field : onActiveIndexChange ? "hover:bg-foreground/[0.03]" : undefined);
+        const contentClassName = cn2("flex min-w-0 flex-1 items-center justify-between gap-2 rounded-md px-3 py-2 text-start", hasActions && (onActiveIndexChange ? hasTwoActions ? "group-focus-within:pe-14 group-hover:pe-14" : "group-focus-within:pe-9 group-hover:pe-9" : hasTwoActions ? "pe-14" : "pe-9"));
+        const content = /* @__PURE__ */ jsxs(Fragment, {
+          children: [
+            /* @__PURE__ */ jsx("span", {
+              className: "flex-1 truncate",
+              children: thread.title
+            }),
+            /* @__PURE__ */ jsxs("span", {
+              className: cn2(mono, "text-muted-foreground flex items-center gap-1.5 tabular-nums", hasActions && onActiveIndexChange && "group-focus-within:hidden group-hover:hidden"),
+              children: [
+                thread.unread && !active && /* @__PURE__ */ jsxs(Fragment, {
+                  children: [
+                    /* @__PURE__ */ jsx("span", {
+                      "aria-hidden": true,
+                      className: "size-1.5 rounded-full bg-primary bg-primary"
+                    }),
+                    /* @__PURE__ */ jsx("span", {
+                      className: "sr-only",
+                      children: "unread"
+                    })
+                  ]
+                }),
+                thread.time
+              ]
+            })
+          ]
+        });
+        return /* @__PURE__ */ jsxs("div", {
+          className: rowClassName,
+          children: [
+            onActiveIndexChange ? /* @__PURE__ */ jsx(Button2, {
+              type: "button",
+              "aria-current": active || undefined,
+              onClick: () => onActiveIndexChange(i),
+              variant: "ghost",
+              align: "start",
+              size: "content",
+              fullWidth: true,
+              children: content
+            }) : /* @__PURE__ */ jsx("div", {
+              "aria-current": active || undefined,
+              className: contentClassName,
+              children: content
+            }),
+            hasActions && /* @__PURE__ */ jsxs("div", {
+              className: cn2("absolute end-2 flex items-center gap-0.5", onActiveIndexChange && "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100"),
+              children: [
+                onRename && /* @__PURE__ */ jsx(Button2, {
+                  type: "button",
+                  "aria-label": `Rename ${thread.title}`,
+                  onClick: () => onRename(i),
+                  variant: "ghost",
+                  size: "icon",
+                  children: /* @__PURE__ */ jsx(PencilIcon, {
+                    "aria-hidden": "true",
+                    "data-icon": "inline-start"
+                  })
+                }),
+                onDelete && /* @__PURE__ */ jsx(Button2, {
+                  type: "button",
+                  "aria-label": `Delete ${thread.title}`,
+                  onClick: () => onDelete(i),
+                  variant: "ghost",
+                  size: "icon",
+                  children: /* @__PURE__ */ jsx(Trash2Icon, {
+                    "aria-hidden": "true",
+                    "data-icon": "inline-start"
+                  })
+                })
+              ]
+            })
+          ]
+        }, thread.id);
+      })
+    ]
+  });
+}
+
+export { ThreadList2 };

package/dist/chunk-24d68cjp.js

@@ -0,0 +1,23 @@
+// src/components/Collapsible.tsx
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+import { jsx } from "react/jsx-runtime";
+function Collapsible2({ ...props }) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, {
+    "data-slot": "collapsible",
+    ...props
+  });
+}
+function CollapsibleTrigger2({ ...props }) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Trigger, {
+    "data-slot": "collapsible-trigger",
+    ...props
+  });
+}
+function CollapsibleContent2({ ...props }) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Panel, {
+    "data-slot": "collapsible-content",
+    ...props
+  });
+}
+
+export { Collapsible2, CollapsibleTrigger2, CollapsibleContent2 };