@sero-ai/ui 0.2.1 → 0.3.1

package/dist/components/ui/tooltip.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import { cn } from "../../lib/utils";
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};

package/dist/components/ui/tree.cjs

@@ -0,0 +1,131 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+var _jsxruntime = require('react/jsx-runtime');
+var _lucidereact = require('lucide-react');
+var _radixui = require('radix-ui');
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _utils = require('../../lib/utils');
+const TreeContext = React.createContext({
+  currentItem: void 0,
+  indent: 20,
+  tree: void 0
+});
+function useTreeContext() {
+  return React.use(TreeContext);
+}
+function Tree({ indent = 20, tree, className, ...props }) {
+  const containerProps = tree && typeof tree.getContainerProps === "function" ? tree.getContainerProps() : {};
+  const mergedProps = { ...props, ...containerProps };
+  const { style: propStyle, ...otherProps } = mergedProps;
+  const mergedStyle = {
+    ...propStyle,
+    "--tree-indent": `${indent}px`
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TreeContext.Provider, { value: { indent, tree }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _utils.cn.call(void 0, "flex flex-col", className),
+      "data-slot": "tree",
+      style: mergedStyle,
+      ...otherProps
+    }
+  ) });
+}
+function TreeItem({
+  item,
+  className,
+  asChild,
+  children,
+  ...props
+}) {
+  const { indent } = useTreeContext();
+  const itemProps = typeof item.getProps === "function" ? item.getProps() : {};
+  const mergedProps = { ...props, ...itemProps };
+  const { style: propStyle, ...otherProps } = mergedProps;
+  const treePadding = item.getItemMeta().level * indent;
+  const mergedStyle = {
+    ...propStyle,
+    "--tree-padding": `${treePadding}px`,
+    paddingInlineStart: `${treePadding}px`
+  };
+  const Comp = asChild ? _radixui.Slot.Root : "button";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TreeContext.Provider, { value: { currentItem: item, indent }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "aria-expanded": item.isExpanded(),
+      className: _utils.cn.call(void 0, 
+        "z-10 w-full select-none ps-(--tree-padding) outline-hidden",
+        "transition-colors",
+        "focus:z-20 data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      ),
+      "data-drag-target": typeof item.isDragTarget === "function" ? item.isDragTarget() || false : void 0,
+      "data-focus": typeof item.isFocused === "function" ? item.isFocused() || false : void 0,
+      "data-folder": typeof item.isFolder === "function" ? item.isFolder() || false : void 0,
+      "data-search-match": typeof item.isMatchingSearch === "function" ? item.isMatchingSearch() || false : void 0,
+      "data-selected": typeof item.isSelected === "function" ? item.isSelected() || false : void 0,
+      "data-slot": "tree-item",
+      style: mergedStyle,
+      ...otherProps,
+      children
+    }
+  ) });
+}
+function TreeItemLabel({
+  item: propItem,
+  children,
+  className,
+  ...props
+}) {
+  const { currentItem } = useTreeContext();
+  const item = propItem || currentItem;
+  if (!item) {
+    console.warn("TreeItemLabel: No item provided via props or context");
+    return null;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "span",
+    {
+      className: _utils.cn.call(void 0, 
+        "flex min-w-0 items-center gap-1 px-2 py-1",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      "data-slot": "tree-item-label",
+      ...props,
+      children: [
+        item.isFolder() && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDownIcon, { className: "in-aria-[expanded=false]:-rotate-90 size-4 shrink-0 text-muted-foreground" }),
+        children || (typeof item.getItemName === "function" ? item.getItemName() : null)
+      ]
+    }
+  );
+}
+function TreeDragLine({
+  className,
+  ...props
+}) {
+  const { tree } = useTreeContext();
+  if (!tree || typeof tree.getDragLineStyle !== "function") {
+    console.warn(
+      "TreeDragLine: No tree provided via context or tree does not have getDragLineStyle method"
+    );
+    return null;
+  }
+  const dragLine = tree.getDragLineStyle();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _utils.cn.call(void 0, 
+        "-mt-px before:-top-[3px] absolute z-30 h-0.5 w-[unset] bg-primary before:absolute before:left-0 before:size-2 before:rounded-full before:border-2 before:border-primary before:bg-background",
+        className
+      ),
+      style: dragLine,
+      ...props
+    }
+  );
+}
+
+
+
+
+
+exports.Tree = Tree; exports.TreeDragLine = TreeDragLine; exports.TreeItem = TreeItem; exports.TreeItemLabel = TreeItemLabel;

package/dist/components/ui/tree.d.cts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ItemInstance } from '@headless-tree/core';
+import * as React from 'react';
+
+interface TreeProps extends React.HTMLAttributes<HTMLDivElement> {
+    indent?: number;
+    tree?: any;
+}
+declare function Tree({ indent, tree, className, ...props }: TreeProps): react_jsx_runtime.JSX.Element;
+interface TreeItemProps<T = any> extends React.HTMLAttributes<HTMLButtonElement> {
+    item: ItemInstance<T>;
+    indent?: number;
+    asChild?: boolean;
+}
+/**
+ * TreeItem, full-width row button.
+ *
+ * The row carries hover / selected / drag-target backgrounds so the
+ * highlight spans edge-to-edge (VSCode-style). Indentation is applied
+ * via `paddingInlineStart` so the background is unaffected.
+ */
+declare function TreeItem<T = any>({ item, className, asChild, children, ...props }: Omit<TreeItemProps<T>, "indent">): react_jsx_runtime.JSX.Element;
+interface TreeItemLabelProps<T = any> extends React.HTMLAttributes<HTMLSpanElement> {
+    item?: ItemInstance<T>;
+}
+/**
+ * TreeItemLabel, content wrapper inside a TreeItem.
+ *
+ * Layout-only (chevron + children). Background lives on the parent
+ * TreeItem so it spans the full row width.
+ */
+declare function TreeItemLabel<T = any>({ item: propItem, children, className, ...props }: TreeItemLabelProps<T>): react_jsx_runtime.JSX.Element | null;
+declare function TreeDragLine({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element | null;
+
+export { Tree, TreeDragLine, TreeItem, TreeItemLabel };

package/dist/components/ui/tree.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ItemInstance } from '@headless-tree/core';
+import * as React from 'react';
+
+interface TreeProps extends React.HTMLAttributes<HTMLDivElement> {
+    indent?: number;
+    tree?: any;
+}
+declare function Tree({ indent, tree, className, ...props }: TreeProps): react_jsx_runtime.JSX.Element;
+interface TreeItemProps<T = any> extends React.HTMLAttributes<HTMLButtonElement> {
+    item: ItemInstance<T>;
+    indent?: number;
+    asChild?: boolean;
+}
+/**
+ * TreeItem, full-width row button.
+ *
+ * The row carries hover / selected / drag-target backgrounds so the
+ * highlight spans edge-to-edge (VSCode-style). Indentation is applied
+ * via `paddingInlineStart` so the background is unaffected.
+ */
+declare function TreeItem<T = any>({ item, className, asChild, children, ...props }: Omit<TreeItemProps<T>, "indent">): react_jsx_runtime.JSX.Element;
+interface TreeItemLabelProps<T = any> extends React.HTMLAttributes<HTMLSpanElement> {
+    item?: ItemInstance<T>;
+}
+/**
+ * TreeItemLabel, content wrapper inside a TreeItem.
+ *
+ * Layout-only (chevron + children). Background lives on the parent
+ * TreeItem so it spans the full row width.
+ */
+declare function TreeItemLabel<T = any>({ item: propItem, children, className, ...props }: TreeItemLabelProps<T>): react_jsx_runtime.JSX.Element | null;
+declare function TreeDragLine({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element | null;
+
+export { Tree, TreeDragLine, TreeItem, TreeItemLabel };

package/dist/components/ui/tree.js

@@ -0,0 +1,131 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from "lucide-react";
+import { Slot } from "radix-ui";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const TreeContext = React.createContext({
+  currentItem: void 0,
+  indent: 20,
+  tree: void 0
+});
+function useTreeContext() {
+  return React.use(TreeContext);
+}
+function Tree({ indent = 20, tree, className, ...props }) {
+  const containerProps = tree && typeof tree.getContainerProps === "function" ? tree.getContainerProps() : {};
+  const mergedProps = { ...props, ...containerProps };
+  const { style: propStyle, ...otherProps } = mergedProps;
+  const mergedStyle = {
+    ...propStyle,
+    "--tree-indent": `${indent}px`
+  };
+  return /* @__PURE__ */ jsx(TreeContext.Provider, { value: { indent, tree }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex flex-col", className),
+      "data-slot": "tree",
+      style: mergedStyle,
+      ...otherProps
+    }
+  ) });
+}
+function TreeItem({
+  item,
+  className,
+  asChild,
+  children,
+  ...props
+}) {
+  const { indent } = useTreeContext();
+  const itemProps = typeof item.getProps === "function" ? item.getProps() : {};
+  const mergedProps = { ...props, ...itemProps };
+  const { style: propStyle, ...otherProps } = mergedProps;
+  const treePadding = item.getItemMeta().level * indent;
+  const mergedStyle = {
+    ...propStyle,
+    "--tree-padding": `${treePadding}px`,
+    paddingInlineStart: `${treePadding}px`
+  };
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx(TreeContext.Provider, { value: { currentItem: item, indent }, children: /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "aria-expanded": item.isExpanded(),
+      className: cn(
+        "z-10 w-full select-none ps-(--tree-padding) outline-hidden",
+        "transition-colors",
+        "focus:z-20 data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      ),
+      "data-drag-target": typeof item.isDragTarget === "function" ? item.isDragTarget() || false : void 0,
+      "data-focus": typeof item.isFocused === "function" ? item.isFocused() || false : void 0,
+      "data-folder": typeof item.isFolder === "function" ? item.isFolder() || false : void 0,
+      "data-search-match": typeof item.isMatchingSearch === "function" ? item.isMatchingSearch() || false : void 0,
+      "data-selected": typeof item.isSelected === "function" ? item.isSelected() || false : void 0,
+      "data-slot": "tree-item",
+      style: mergedStyle,
+      ...otherProps,
+      children
+    }
+  ) });
+}
+function TreeItemLabel({
+  item: propItem,
+  children,
+  className,
+  ...props
+}) {
+  const { currentItem } = useTreeContext();
+  const item = propItem || currentItem;
+  if (!item) {
+    console.warn("TreeItemLabel: No item provided via props or context");
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "flex min-w-0 items-center gap-1 px-2 py-1",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      "data-slot": "tree-item-label",
+      ...props,
+      children: [
+        item.isFolder() && /* @__PURE__ */ jsx(ChevronDownIcon, { className: "in-aria-[expanded=false]:-rotate-90 size-4 shrink-0 text-muted-foreground" }),
+        children || (typeof item.getItemName === "function" ? item.getItemName() : null)
+      ]
+    }
+  );
+}
+function TreeDragLine({
+  className,
+  ...props
+}) {
+  const { tree } = useTreeContext();
+  if (!tree || typeof tree.getDragLineStyle !== "function") {
+    console.warn(
+      "TreeDragLine: No tree provided via context or tree does not have getDragLineStyle method"
+    );
+    return null;
+  }
+  const dragLine = tree.getDragLineStyle();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "-mt-px before:-top-[3px] absolute z-30 h-0.5 w-[unset] bg-primary before:absolute before:left-0 before:size-2 before:rounded-full before:border-2 before:border-primary before:bg-background",
+        className
+      ),
+      style: dragLine,
+      ...props
+    }
+  );
+}
+export {
+  Tree,
+  TreeDragLine,
+  TreeItem,
+  TreeItemLabel
+};

package/dist/hooks/use-mobile.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('react');
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => setIsMobile(mql.matches);
+    mql.addEventListener("change", onChange);
+    setIsMobile(mql.matches);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return isMobile;
+}
+
+
+exports.useIsMobile = useIsMobile;

package/dist/hooks/use-mobile.d.cts

@@ -0,0 +1,3 @@
+declare function useIsMobile(): boolean;
+
+export { useIsMobile };

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1,3 @@
+declare function useIsMobile(): boolean;
+
+export { useIsMobile };

package/dist/hooks/use-mobile.js

@@ -0,0 +1,16 @@
+import { useState, useEffect } from "react";
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = useState(false);
+  useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => setIsMobile(mql.matches);
+    mql.addEventListener("change", onChange);
+    setIsMobile(mql.matches);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return isMobile;
+}
+export {
+  useIsMobile
+};

package/dist/index.cjs

@@ -0,0 +1,121 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _utils = require('./lib/utils');
+var _usemobile = require('./hooks/use-mobile');
+var _theme = require('./theme'); _createStarExport(_theme);
+var _accordion = require('./components/ui/accordion'); _createStarExport(_accordion);
+var _alertdialog = require('./components/ui/alert-dialog'); _createStarExport(_alertdialog);
+var _alert = require('./components/ui/alert'); _createStarExport(_alert);
+var _aspectratio = require('./components/ui/aspect-ratio'); _createStarExport(_aspectratio);
+var _avatar = require('./components/ui/avatar'); _createStarExport(_avatar);
+var _badge = require('./components/ui/badge'); _createStarExport(_badge);
+var _breadcrumb = require('./components/ui/breadcrumb'); _createStarExport(_breadcrumb);
+var _buttongroup = require('./components/ui/button-group'); _createStarExport(_buttongroup);
+var _button = require('./components/ui/button'); _createStarExport(_button);
+var _calendar = require('./components/ui/calendar'); _createStarExport(_calendar);
+var _card = require('./components/ui/card'); _createStarExport(_card);
+var _carousel = require('./components/ui/carousel'); _createStarExport(_carousel);
+var _chart = require('./components/ui/chart'); _createStarExport(_chart);
+var _checkbox = require('./components/ui/checkbox'); _createStarExport(_checkbox);
+var _collapsible = require('./components/ui/collapsible'); _createStarExport(_collapsible);
+var _combobox = require('./components/ui/combobox'); _createStarExport(_combobox);
+var _command = require('./components/ui/command'); _createStarExport(_command);
+var _contextmenu = require('./components/ui/context-menu'); _createStarExport(_contextmenu);
+var _dialog = require('./components/ui/dialog'); _createStarExport(_dialog);
+var _direction = require('./components/ui/direction'); _createStarExport(_direction);
+var _drawer = require('./components/ui/drawer'); _createStarExport(_drawer);
+var _dropdownmenu = require('./components/ui/dropdown-menu'); _createStarExport(_dropdownmenu);
+var _empty = require('./components/ui/empty'); _createStarExport(_empty);
+var _field = require('./components/ui/field'); _createStarExport(_field);
+var _form = require('./components/ui/form'); _createStarExport(_form);
+var _hovercard = require('./components/ui/hover-card'); _createStarExport(_hovercard);
+var _inputgroup = require('./components/ui/input-group'); _createStarExport(_inputgroup);
+var _inputotp = require('./components/ui/input-otp'); _createStarExport(_inputotp);
+var _input = require('./components/ui/input'); _createStarExport(_input);
+var _item = require('./components/ui/item'); _createStarExport(_item);
+var _kbd = require('./components/ui/kbd'); _createStarExport(_kbd);
+var _label = require('./components/ui/label'); _createStarExport(_label);
+var _menubar = require('./components/ui/menubar'); _createStarExport(_menubar);
+var _nativeselect = require('./components/ui/native-select'); _createStarExport(_nativeselect);
+var _navigationmenu = require('./components/ui/navigation-menu'); _createStarExport(_navigationmenu);
+var _pagination = require('./components/ui/pagination'); _createStarExport(_pagination);
+var _pluginsafetydisclaimer = require('./components/ui/plugin-safety-disclaimer'); _createStarExport(_pluginsafetydisclaimer);
+var _popover = require('./components/ui/popover'); _createStarExport(_popover);
+var _progress = require('./components/ui/progress'); _createStarExport(_progress);
+var _radiogroup = require('./components/ui/radio-group'); _createStarExport(_radiogroup);
+var _resizable = require('./components/ui/resizable'); _createStarExport(_resizable);
+var _scrollarea = require('./components/ui/scroll-area'); _createStarExport(_scrollarea);
+var _searchinput = require('./components/ui/search-input'); _createStarExport(_searchinput);
+var _select = require('./components/ui/select'); _createStarExport(_select);
+var _separator = require('./components/ui/separator'); _createStarExport(_separator);
+var _sheet = require('./components/ui/sheet'); _createStarExport(_sheet);
+var _sidebar = require('./components/ui/sidebar'); _createStarExport(_sidebar);
+var _skeleton = require('./components/ui/skeleton'); _createStarExport(_skeleton);
+var _slider = require('./components/ui/slider'); _createStarExport(_slider);
+var _sonner = require('./components/ui/sonner'); _createStarExport(_sonner);
+var _spinner = require('./components/ui/spinner'); _createStarExport(_spinner);
+var _switch = require('./components/ui/switch'); _createStarExport(_switch);
+var _table = require('./components/ui/table'); _createStarExport(_table);
+var _tabs = require('./components/ui/tabs'); _createStarExport(_tabs);
+var _textarea = require('./components/ui/textarea'); _createStarExport(_textarea);
+var _togglegroup = require('./components/ui/toggle-group'); _createStarExport(_togglegroup);
+var _toggle = require('./components/ui/toggle'); _createStarExport(_toggle);
+var _tooltip = require('./components/ui/tooltip'); _createStarExport(_tooltip);
+var _tree = require('./components/ui/tree'); _createStarExport(_tree);
+var _agent = require('./components/ai-elements/agent'); _createStarExport(_agent);
+var _artifact = require('./components/ai-elements/artifact'); _createStarExport(_artifact);
+var _attachments = require('./components/ai-elements/attachments'); _createStarExport(_attachments);
+var _audioplayer = require('./components/ai-elements/audio-player'); _createStarExport(_audioplayer);
+var _canvas = require('./components/ai-elements/canvas'); _createStarExport(_canvas);
+var _chainofthought = require('./components/ai-elements/chain-of-thought'); _createStarExport(_chainofthought);
+var _checkpoint = require('./components/ai-elements/checkpoint'); _createStarExport(_checkpoint);
+var _codeblock = require('./components/ai-elements/code-block'); _createStarExport(_codeblock);
+var _commit = require('./components/ai-elements/commit'); _createStarExport(_commit);
+var _confirmation = require('./components/ai-elements/confirmation'); _createStarExport(_confirmation);
+var _connection = require('./components/ai-elements/connection'); _createStarExport(_connection);
+var _context = require('./components/ai-elements/context'); _createStarExport(_context);
+var _controls = require('./components/ai-elements/controls'); _createStarExport(_controls);
+var _conversation = require('./components/ai-elements/conversation'); _createStarExport(_conversation);
+var _edge = require('./components/ai-elements/edge'); _createStarExport(_edge);
+var _environmentvariables = require('./components/ai-elements/environment-variables'); _createStarExport(_environmentvariables);
+var _filetree = require('./components/ai-elements/file-tree'); _createStarExport(_filetree);
+var _image = require('./components/ai-elements/image'); _createStarExport(_image);
+var _inlinecitation = require('./components/ai-elements/inline-citation'); _createStarExport(_inlinecitation);
+var _jsxpreview = require('./components/ai-elements/jsx-preview'); _createStarExport(_jsxpreview);
+var _message = require('./components/ai-elements/message'); _createStarExport(_message);
+var _micselector = require('./components/ai-elements/mic-selector'); _createStarExport(_micselector);
+var _modelselector = require('./components/ai-elements/model-selector'); _createStarExport(_modelselector);
+var _node = require('./components/ai-elements/node'); _createStarExport(_node);
+var _openinchat = require('./components/ai-elements/open-in-chat'); _createStarExport(_openinchat);
+var _packageinfo = require('./components/ai-elements/package-info'); _createStarExport(_packageinfo);
+var _panel = require('./components/ai-elements/panel'); _createStarExport(_panel);
+var _persona = require('./components/ai-elements/persona'); _createStarExport(_persona);
+var _plan = require('./components/ai-elements/plan'); _createStarExport(_plan);
+var _promptinputcontext = require('./components/ai-elements/prompt-input-context'); _createStarExport(_promptinputcontext);
+var _promptinputelements = require('./components/ai-elements/prompt-input-elements'); _createStarExport(_promptinputelements);
+var _promptinputtextarea = require('./components/ai-elements/prompt-input-textarea'); _createStarExport(_promptinputtextarea);
+var _promptinput = require('./components/ai-elements/prompt-input'); _createStarExport(_promptinput);
+var _queue = require('./components/ai-elements/queue'); _createStarExport(_queue);
+var _reasoning = require('./components/ai-elements/reasoning'); _createStarExport(_reasoning);
+var _sandbox = require('./components/ai-elements/sandbox'); _createStarExport(_sandbox);
+var _schemadisplay = require('./components/ai-elements/schema-display'); _createStarExport(_schemadisplay);
+var _shimmer = require('./components/ai-elements/shimmer'); _createStarExport(_shimmer);
+var _snippet = require('./components/ai-elements/snippet'); _createStarExport(_snippet);
+var _sources = require('./components/ai-elements/sources'); _createStarExport(_sources);
+var _speechinput = require('./components/ai-elements/speech-input'); _createStarExport(_speechinput);
+var _stacktrace = require('./components/ai-elements/stack-trace'); _createStarExport(_stacktrace);
+var _suggestion = require('./components/ai-elements/suggestion'); _createStarExport(_suggestion);
+var _task = require('./components/ai-elements/task'); _createStarExport(_task);
+var _terminal = require('./components/ai-elements/terminal'); _createStarExport(_terminal);
+var _testresults = require('./components/ai-elements/test-results'); _createStarExport(_testresults);
+var _tool = require('./components/ai-elements/tool'); _createStarExport(_tool);
+var _toolbar = require('./components/ai-elements/toolbar'); _createStarExport(_toolbar);
+var _transcription = require('./components/ai-elements/transcription'); _createStarExport(_transcription);
+var _voiceselectoraccent = require('./components/ai-elements/voice-selector-accent'); _createStarExport(_voiceselectoraccent);
+var _voiceselector = require('./components/ai-elements/voice-selector'); _createStarExport(_voiceselector);
+var _webpreview = require('./components/ai-elements/web-preview'); _createStarExport(_webpreview);
+var _availablemodelpicker = require('./components/model-selection/available-model-picker'); _createStarExport(_availablemodelpicker);
+var _modelwarninglist = require('./components/model-selection/model-warning-list'); _createStarExport(_modelwarninglist);
+var _thinkinglevelpicker = require('./components/model-selection/thinking-level-picker'); _createStarExport(_thinkinglevelpicker);
+
+
+
+exports.cn = _utils.cn; exports.useIsMobile = _usemobile.useIsMobile;