@sero-ai/ui 0.4.1 → 0.5.0

package/dist/components/ui/popover.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Popover as PopoverPrimitive } from "radix-ui";
 import { cn } from "../../lib/utils";
+import { usePluginPortalContainer } from "../../plugin-style-scope-context";
 function Popover({
   ...props
 }) {
@@ -17,7 +18,8 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  const container = usePluginPortalContainer();
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsx(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -41,7 +43,7 @@ function PopoverHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "popover-header",
-      className: cn("flex flex-col gap-1 text-sm", className),
+      className: cn("flex flex-col gap-1 text-base", className),
       ...props
     }
   );

package/dist/components/ui/select.cjs

@@ -3,6 +3,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var _lucidereact = require('lucide-react');
 var _radixui = require('radix-ui');
 var _utils = require('../../lib/utils');
+var _pluginstylescopecontext = require('../../plugin-style-scope-context');
 function Select({
   ...props
 }) {
@@ -30,7 +31,7 @@ function SelectTrigger({
       "data-slot": "select-trigger",
       "data-size": size,
       className: _utils.cn.call(void 0, 
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-base whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
@@ -48,7 +49,8 @@ function SelectContent({
   align = "center",
   ...props
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  const container = _pluginstylescopecontext.usePluginPortalContainer.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.Portal, { container, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _radixui.Select.Content,
     {
       "data-slot": "select-content",
@@ -100,7 +102,7 @@ function SelectItem({
     {
       "data-slot": "select-item",
       className: _utils.cn.call(void 0, 
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-base outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
       ...props,

package/dist/components/ui/select.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { Select as SelectPrimitive } from "radix-ui";
 import { cn } from "../../lib/utils";
+import { usePluginPortalContainer } from "../../plugin-style-scope-context";
 function Select({
   ...props
 }) {
@@ -30,7 +31,7 @@ function SelectTrigger({
       "data-slot": "select-trigger",
       "data-size": size,
       className: cn(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-base whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
@@ -48,7 +49,8 @@ function SelectContent({
   align = "center",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  const container = usePluginPortalContainer();
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ jsxs(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -100,7 +102,7 @@ function SelectItem({
     {
       "data-slot": "select-item",
       className: cn(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-base outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
       ...props,

package/dist/components/ui/sheet.cjs

@@ -3,6 +3,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var _lucidereact = require('lucide-react');
 var _radixui = require('radix-ui');
 var _utils = require('../../lib/utils');
+var _pluginstylescopecontext = require('../../plugin-style-scope-context');
 function Sheet({ ...props }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Root, { "data-slot": "sheet", ...props });
 }
@@ -19,7 +20,8 @@ function SheetClose({
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Portal, { "data-slot": "sheet-portal", ...props });
+  const container = _pluginstylescopecontext.usePluginPortalContainer.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Portal, { "data-slot": "sheet-portal", container, ...props });
 }
 function SheetOverlay({
   className,
@@ -112,7 +114,7 @@ function SheetDescription({
     _radixui.Dialog.Description,
     {
       "data-slot": "sheet-description",
-      className: _utils.cn.call(void 0, "text-muted-foreground text-sm", className),
+      className: _utils.cn.call(void 0, "text-muted-foreground text-base", className),
       ...props
     }
   );

package/dist/components/ui/sheet.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
 import { Dialog as SheetPrimitive } from "radix-ui";
 import { cn } from "../../lib/utils";
+import { usePluginPortalContainer } from "../../plugin-style-scope-context";
 function Sheet({ ...props }) {
   return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
@@ -19,7 +20,8 @@ function SheetClose({
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  const container = usePluginPortalContainer();
+  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", container, ...props });
 }
 function SheetOverlay({
   className,
@@ -112,7 +114,7 @@ function SheetDescription({
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
-      className: cn("text-muted-foreground text-sm", className),
+      className: cn("text-muted-foreground text-base", className),
       ...props
     }
   );

package/dist/components/ui/sidebar.cjs

@@ -389,7 +389,7 @@ function SidebarGroupContent({
     {
       "data-slot": "sidebar-group-content",
       "data-sidebar": "group-content",
-      className: _utils.cn.call(void 0, "w-full text-sm", className),
+      className: _utils.cn.call(void 0, "w-full text-base", className),
       ...props
     }
   );
@@ -417,7 +417,7 @@ function SidebarMenuItem({ className, ...props }) {
   );
 }
 const sidebarMenuButtonVariants = _classvarianceauthority.cva.call(void 0, 
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-base outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -425,9 +425,9 @@ const sidebarMenuButtonVariants = _classvarianceauthority.cva.call(void 0,
         outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
       },
       size: {
-        default: "h-8 text-sm",
+        default: "h-8 text-base",
         sm: "h-7 text-xs",
-        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+        lg: "h-12 text-base group-data-[collapsible=icon]:p-0!"
       }
     },
     defaultVariants: {
@@ -613,7 +613,7 @@ function SidebarMenuSubButton({
         "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
         "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
         size === "sm" && "text-xs",
-        size === "md" && "text-sm",
+        size === "md" && "text-base",
         "group-data-[collapsible=icon]:hidden",
         className
       ),

package/dist/components/ui/sidebar.js

@@ -389,7 +389,7 @@ function SidebarGroupContent({
     {
       "data-slot": "sidebar-group-content",
       "data-sidebar": "group-content",
-      className: cn("w-full text-sm", className),
+      className: cn("w-full text-base", className),
       ...props
     }
   );
@@ -417,7 +417,7 @@ function SidebarMenuItem({ className, ...props }) {
   );
 }
 const sidebarMenuButtonVariants = cva(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-base outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -425,9 +425,9 @@ const sidebarMenuButtonVariants = cva(
         outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
       },
       size: {
-        default: "h-8 text-sm",
+        default: "h-8 text-base",
         sm: "h-7 text-xs",
-        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+        lg: "h-12 text-base group-data-[collapsible=icon]:p-0!"
       }
     },
     defaultVariants: {
@@ -613,7 +613,7 @@ function SidebarMenuSubButton({
         "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
         "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
         size === "sm" && "text-xs",
-        size === "md" && "text-sm",
+        size === "md" && "text-base",
         "group-data-[collapsible=icon]:hidden",
         className
       ),

package/dist/components/ui/table.cjs

@@ -11,7 +11,7 @@ function Table({ className, ...props }) {
         "table",
         {
           "data-slot": "table",
-          className: _utils.cn.call(void 0, "w-full caption-bottom text-sm", className),
+          className: _utils.cn.call(void 0, "w-full caption-bottom text-base", className),
           ...props
         }
       )
@@ -98,7 +98,7 @@ function TableCaption({
     "caption",
     {
       "data-slot": "table-caption",
-      className: _utils.cn.call(void 0, "text-muted-foreground mt-4 text-sm", className),
+      className: _utils.cn.call(void 0, "text-muted-foreground mt-4 text-base", className),
       ...props
     }
   );

package/dist/components/ui/table.js

@@ -11,7 +11,7 @@ function Table({ className, ...props }) {
         "table",
         {
           "data-slot": "table",
-          className: cn("w-full caption-bottom text-sm", className),
+          className: cn("w-full caption-bottom text-base", className),
           ...props
         }
       )
@@ -98,7 +98,7 @@ function TableCaption({
     "caption",
     {
       "data-slot": "table-caption",
-      className: cn("text-muted-foreground mt-4 text-sm", className),
+      className: cn("text-muted-foreground mt-4 text-base", className),
       ...props
     }
   );

package/dist/components/ui/tabs.cjs

@@ -60,7 +60,7 @@ function TabsTrigger({
     {
       "data-slot": "tabs-trigger",
       className: _utils.cn.call(void 0, 
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-base font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
         "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground",
         "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",

package/dist/components/ui/tabs.js

@@ -60,7 +60,7 @@ function TabsTrigger({
     {
       "data-slot": "tabs-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-base font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
         "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground",
         "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",

package/dist/components/ui/textarea.cjs

@@ -8,7 +8,7 @@ function Textarea({ className, placeholder, "aria-label": ariaLabel, ...props })
       placeholder,
       "data-slot": "textarea",
       className: _utils.cn.call(void 0, 
-        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-base",
         className
       ),
       ...props

package/dist/components/ui/textarea.js

@@ -8,7 +8,7 @@ function Textarea({ className, placeholder, "aria-label": ariaLabel, ...props })
       placeholder,
       "data-slot": "textarea",
       className: cn(
-        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-base",
         className
       ),
       ...props

package/dist/components/ui/toggle.cjs

@@ -4,7 +4,7 @@ var _classvarianceauthority = require('class-variance-authority');
 var _radixui = require('radix-ui');
 var _utils = require('../../lib/utils');
 const toggleVariants = _classvarianceauthority.cva.call(void 0, 
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  "inline-flex items-center justify-center gap-2 rounded-md text-base font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {
     variants: {
       variant: {

package/dist/components/ui/toggle.js

@@ -4,7 +4,7 @@ import { cva } from "class-variance-authority";
 import { Toggle as TogglePrimitive } from "radix-ui";
 import { cn } from "../../lib/utils";
 const toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  "inline-flex items-center justify-center gap-2 rounded-md text-base font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {
     variants: {
       variant: {

package/dist/components/ui/tooltip.cjs

@@ -2,6 +2,7 @@
 var _jsxruntime = require('react/jsx-runtime');
 var _radixui = require('radix-ui');
 var _utils = require('../../lib/utils');
+var _pluginstylescopecontext = require('../../plugin-style-scope-context');
 function TooltipProvider({
   delayDuration = 0,
   ...props
@@ -31,7 +32,8 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Tooltip.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  const container = _pluginstylescopecontext.usePluginPortalContainer.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Tooltip.Portal, { container, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _radixui.Tooltip.Content,
     {
       "data-slot": "tooltip-content",

package/dist/components/ui/tooltip.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
 import { cn } from "../../lib/utils";
+import { usePluginPortalContainer } from "../../plugin-style-scope-context";
 function TooltipProvider({
   delayDuration = 0,
   ...props
@@ -31,7 +32,8 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  const container = usePluginPortalContainer();
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { container, children: /* @__PURE__ */ jsxs(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",

package/dist/index.cjs

@@ -60,63 +60,12 @@ var _togglegroup = require('./components/ui/toggle-group'); _createStarExport(_t
 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 _dashboard = require('./components/dashboard'); _createStarExport(_dashboard);
-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);
+var _pluginstylescope = require('./plugin-style-scope');
+var _pluginstylescopecontext = require('./plugin-style-scope-context');
 
 
 
-exports.cn = _utils.cn; exports.useIsMobile = _usemobile.useIsMobile;
+
+
+exports.PluginStyleScope = _pluginstylescope.PluginStyleScope; exports.cn = _utils.cn; exports.useIsMobile = _usemobile.useIsMobile; exports.usePluginPortalContainer = _pluginstylescopecontext.usePluginPortalContainer;

package/dist/index.d.cts

@@ -61,58 +61,6 @@ export { ToggleGroup, ToggleGroupItem } from './components/ui/toggle-group.cjs';
 export { Toggle, toggleVariants } from './components/ui/toggle.cjs';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './components/ui/tooltip.cjs';
 export { Tree, TreeDragLine, TreeItem, TreeItemLabel } from './components/ui/tree.cjs';
-export { Agent, AgentContent, AgentContentProps, AgentHeader, AgentHeaderProps, AgentInstructions, AgentInstructionsProps, AgentOutput, AgentOutputProps, AgentProps, AgentTool, AgentToolProps, AgentTools, AgentToolsProps } from './components/ai-elements/agent.cjs';
-export { Artifact, ArtifactAction, ArtifactActionProps, ArtifactActions, ArtifactActionsProps, ArtifactClose, ArtifactCloseProps, ArtifactContent, ArtifactContentProps, ArtifactDescription, ArtifactDescriptionProps, ArtifactHeader, ArtifactHeaderProps, ArtifactProps, ArtifactTitle, ArtifactTitleProps } from './components/ai-elements/artifact.cjs';
-export { Attachment, AttachmentData, AttachmentEmpty, AttachmentEmptyProps, AttachmentHoverCard, AttachmentHoverCardContent, AttachmentHoverCardContentProps, AttachmentHoverCardProps, AttachmentHoverCardTrigger, AttachmentHoverCardTriggerProps, AttachmentInfo, AttachmentInfoProps, AttachmentMediaCategory, AttachmentPreview, AttachmentPreviewProps, AttachmentProps, AttachmentRemove, AttachmentRemoveProps, AttachmentVariant, Attachments, AttachmentsProps, getAttachmentLabel, getMediaCategory, useAttachmentContext, useAttachmentsContext } from './components/ai-elements/attachments.cjs';
-export { AudioPlayer, AudioPlayerControlBar, AudioPlayerControlBarProps, AudioPlayerDurationDisplay, AudioPlayerDurationDisplayProps, AudioPlayerElement, AudioPlayerElementProps, AudioPlayerMuteButton, AudioPlayerMuteButtonProps, AudioPlayerPlayButton, AudioPlayerPlayButtonProps, AudioPlayerProps, AudioPlayerSeekBackwardButton, AudioPlayerSeekBackwardButtonProps, AudioPlayerSeekForwardButton, AudioPlayerSeekForwardButtonProps, AudioPlayerTimeDisplay, AudioPlayerTimeDisplayProps, AudioPlayerTimeRange, AudioPlayerTimeRangeProps, AudioPlayerVolumeRange, AudioPlayerVolumeRangeProps } from './components/ai-elements/audio-player.cjs';
-export { Canvas } from './components/ai-elements/canvas.cjs';
-export { ChainOfThought, ChainOfThoughtContent, ChainOfThoughtContentProps, ChainOfThoughtHeader, ChainOfThoughtHeaderProps, ChainOfThoughtImage, ChainOfThoughtImageProps, ChainOfThoughtProps, ChainOfThoughtSearchResult, ChainOfThoughtSearchResultProps, ChainOfThoughtSearchResults, ChainOfThoughtSearchResultsProps, ChainOfThoughtStep, ChainOfThoughtStepProps } from './components/ai-elements/chain-of-thought.cjs';
-export { Checkpoint, CheckpointIcon, CheckpointIconProps, CheckpointProps, CheckpointTrigger, CheckpointTriggerProps } from './components/ai-elements/checkpoint.cjs';
-export { CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockCopyButtonProps, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorContentProps, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorItemProps, CodeBlockLanguageSelectorProps, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorTriggerProps, CodeBlockLanguageSelectorValue, CodeBlockLanguageSelectorValueProps, CodeBlockTitle, highlightCode } from './components/ai-elements/code-block.cjs';
-export { Commit, CommitActions, CommitActionsProps, CommitAuthor, CommitAuthorAvatar, CommitAuthorAvatarProps, CommitAuthorProps, CommitContent, CommitContentProps, CommitCopyButton, CommitCopyButtonProps, CommitFile, CommitFileAdditions, CommitFileAdditionsProps, CommitFileChanges, CommitFileChangesProps, CommitFileDeletions, CommitFileDeletionsProps, CommitFileIcon, CommitFileIconProps, CommitFileInfo, CommitFileInfoProps, CommitFilePath, CommitFilePathProps, CommitFileProps, CommitFileStatus, CommitFileStatusProps, CommitFiles, CommitFilesProps, CommitHash, CommitHashProps, CommitHeader, CommitHeaderProps, CommitInfo, CommitInfoProps, CommitMessage, CommitMessageProps, CommitMetadata, CommitMetadataProps, CommitProps, CommitSeparator, CommitSeparatorProps, CommitTimestamp, CommitTimestampProps } from './components/ai-elements/commit.cjs';
-export { Confirmation, ConfirmationAccepted, ConfirmationAcceptedProps, ConfirmationAction, ConfirmationActionProps, ConfirmationActions, ConfirmationActionsProps, ConfirmationProps, ConfirmationRejected, ConfirmationRejectedProps, ConfirmationRequest, ConfirmationRequestProps, ConfirmationTitle, ConfirmationTitleProps } from './components/ai-elements/confirmation.cjs';
-export { Connection } from './components/ai-elements/connection.cjs';
-export { Context, ContextCacheUsage, ContextCacheUsageProps, ContextContent, ContextContentBody, ContextContentBodyProps, ContextContentFooter, ContextContentFooterProps, ContextContentHeader, ContextContentHeaderProps, ContextContentProps, ContextInputUsage, ContextInputUsageProps, ContextOutputUsage, ContextOutputUsageProps, ContextProps, ContextReasoningUsage, ContextReasoningUsageProps, ContextTrigger, ContextTriggerProps } from './components/ai-elements/context.cjs';
-export { Controls, ControlsProps } from './components/ai-elements/controls.cjs';
-export { Conversation, ConversationContent, ConversationContentProps, ConversationDownload, ConversationDownloadProps, ConversationEmptyState, ConversationEmptyStateProps, ConversationMessage, ConversationProps, ConversationScrollButton, ConversationScrollButtonProps, messagesToMarkdown } from './components/ai-elements/conversation.cjs';
-export { Edge } from './components/ai-elements/edge.cjs';
-export { EnvironmentVariable, EnvironmentVariableCopyButton, EnvironmentVariableCopyButtonProps, EnvironmentVariableGroup, EnvironmentVariableGroupProps, EnvironmentVariableName, EnvironmentVariableNameProps, EnvironmentVariableProps, EnvironmentVariableRequired, EnvironmentVariableRequiredProps, EnvironmentVariableValue, EnvironmentVariableValueProps, EnvironmentVariables, EnvironmentVariablesContent, EnvironmentVariablesContentProps, EnvironmentVariablesHeader, EnvironmentVariablesHeaderProps, EnvironmentVariablesProps, EnvironmentVariablesTitle, EnvironmentVariablesTitleProps, EnvironmentVariablesToggle, EnvironmentVariablesToggleProps } from './components/ai-elements/environment-variables.cjs';
-export { FileTree, FileTreeActions, FileTreeActionsProps, FileTreeFile, FileTreeFileProps, FileTreeFolder, FileTreeFolderProps, FileTreeIcon, FileTreeIconProps, FileTreeName, FileTreeNameProps, FileTreeProps } from './components/ai-elements/file-tree.cjs';
-export { Image, ImageProps } from './components/ai-elements/image.cjs';
-export { InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardBodyProps, InlineCitationCardProps, InlineCitationCardTrigger, InlineCitationCardTriggerProps, InlineCitationCarousel, InlineCitationCarouselContent, InlineCitationCarouselContentProps, InlineCitationCarouselHeader, InlineCitationCarouselHeaderProps, InlineCitationCarouselIndex, InlineCitationCarouselIndexProps, InlineCitationCarouselItem, InlineCitationCarouselItemProps, InlineCitationCarouselNext, InlineCitationCarouselNextProps, InlineCitationCarouselPrev, InlineCitationCarouselPrevProps, InlineCitationCarouselProps, InlineCitationProps, InlineCitationQuote, InlineCitationQuoteProps, InlineCitationSource, InlineCitationSourceProps, InlineCitationText, InlineCitationTextProps } from './components/ai-elements/inline-citation.cjs';
-export { JSXPreview, JSXPreviewContent, JSXPreviewContentProps, JSXPreviewError, JSXPreviewErrorProps, JSXPreviewProps, useJSXPreview } from './components/ai-elements/jsx-preview.cjs';
-export { Message, MessageAction, MessageActionProps, MessageActions, MessageActionsProps, MessageBranch, MessageBranchContent, MessageBranchContentProps, MessageBranchNext, MessageBranchNextProps, MessageBranchPage, MessageBranchPageProps, MessageBranchPrevious, MessageBranchPreviousProps, MessageBranchProps, MessageBranchSelector, MessageBranchSelectorProps, MessageContent, MessageContentProps, MessageProps, MessageResponse, MessageResponseProps, MessageToolbar, MessageToolbarProps } from './components/ai-elements/message.cjs';
-export { MicSelector, MicSelectorContent, MicSelectorContentProps, MicSelectorEmpty, MicSelectorEmptyProps, MicSelectorInput, MicSelectorInputProps, MicSelectorItem, MicSelectorItemProps, MicSelectorLabel, MicSelectorLabelProps, MicSelectorList, MicSelectorListProps, MicSelectorProps, MicSelectorTrigger, MicSelectorTriggerProps, MicSelectorValue, MicSelectorValueProps, useAudioDevices } from './components/ai-elements/mic-selector.cjs';
-export { ModelSelector, ModelSelectorContent, ModelSelectorContentProps, ModelSelectorDialog, ModelSelectorDialogProps, ModelSelectorEmpty, ModelSelectorEmptyProps, ModelSelectorGroup, ModelSelectorGroupProps, ModelSelectorInput, ModelSelectorInputProps, ModelSelectorItem, ModelSelectorItemProps, ModelSelectorList, ModelSelectorListProps, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorLogoGroupProps, ModelSelectorLogoProps, ModelSelectorName, ModelSelectorNameProps, ModelSelectorProps, ModelSelectorSeparator, ModelSelectorSeparatorProps, ModelSelectorShortcut, ModelSelectorShortcutProps, ModelSelectorTrigger, ModelSelectorTriggerProps } from './components/ai-elements/model-selector.cjs';
-export { Node, NodeAction, NodeActionProps, NodeContent, NodeContentProps, NodeDescription, NodeDescriptionProps, NodeFooter, NodeFooterProps, NodeHeader, NodeHeaderProps, NodeProps, NodeTitle, NodeTitleProps } from './components/ai-elements/node.cjs';
-export { OpenIn, OpenInChatGPT, OpenInChatGPTProps, OpenInClaude, OpenInClaudeProps, OpenInContent, OpenInContentProps, OpenInCursor, OpenInCursorProps, OpenInItem, OpenInItemProps, OpenInLabel, OpenInLabelProps, OpenInProps, OpenInScira, OpenInSciraProps, OpenInSeparator, OpenInSeparatorProps, OpenInT3, OpenInT3Props, OpenInTrigger, OpenInTriggerProps, OpenInv0, OpenInv0Props } from './components/ai-elements/open-in-chat.cjs';
-export { PackageInfo, PackageInfoChangeType, PackageInfoChangeTypeProps, PackageInfoContent, PackageInfoContentProps, PackageInfoDependencies, PackageInfoDependenciesProps, PackageInfoDependency, PackageInfoDependencyProps, PackageInfoDescription, PackageInfoDescriptionProps, PackageInfoHeader, PackageInfoHeaderProps, PackageInfoName, PackageInfoNameProps, PackageInfoProps, PackageInfoVersion, PackageInfoVersionProps } from './components/ai-elements/package-info.cjs';
-export { Panel } from './components/ai-elements/panel.cjs';
-export { Persona, PersonaState } from './components/ai-elements/persona.cjs';
-export { Plan, PlanAction, PlanActionProps, PlanContent, PlanContentProps, PlanDescription, PlanDescriptionProps, PlanFooter, PlanFooterProps, PlanHeader, PlanHeaderProps, PlanProps, PlanTitle, PlanTitleProps, PlanTrigger, PlanTriggerProps } from './components/ai-elements/plan.cjs';
-export { AttachmentsContext, LocalAttachmentsContext, LocalReferencedSourcesContext, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputControllerProps, PromptInputProvider, PromptInputProviderProps, ReferencedSourcesContext, TextInputContext, useOptionalPromptInputController, usePromptInputAttachments, usePromptInputController, usePromptInputReferencedSources, useProviderAttachments } from './components/ai-elements/prompt-input-context.cjs';
-export { PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, PromptInputBody, PromptInputBodyProps, PromptInputButton, PromptInputButtonProps, PromptInputButtonTooltip, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandEmptyProps, PromptInputCommandGroup, PromptInputCommandGroupProps, PromptInputCommandInput, PromptInputCommandInputProps, PromptInputCommandItem, PromptInputCommandItemProps, PromptInputCommandList, PromptInputCommandListProps, PromptInputCommandProps, PromptInputCommandSeparator, PromptInputCommandSeparatorProps, PromptInputFooter, PromptInputFooterProps, PromptInputHeader, PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardContentProps, PromptInputHoverCardProps, PromptInputHoverCardTrigger, PromptInputHoverCardTriggerProps, PromptInputSelect, PromptInputSelectContent, PromptInputSelectContentProps, PromptInputSelectItem, PromptInputSelectItemProps, PromptInputSelectProps, PromptInputSelectTrigger, PromptInputSelectTriggerProps, PromptInputSelectValue, PromptInputSelectValueProps, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTools, PromptInputToolsProps } from './components/ai-elements/prompt-input-elements.cjs';
-export { PromptInputTextarea, PromptInputTextareaProps } from './components/ai-elements/prompt-input-textarea.cjs';
-export { PromptInput, PromptInputMessage, PromptInputProps } from './components/ai-elements/prompt-input.cjs';
-export { Queue, QueueItem, QueueItemAction, QueueItemActionProps, QueueItemActions, QueueItemActionsProps, QueueItemAttachment, QueueItemAttachmentProps, QueueItemContent, QueueItemContentProps, QueueItemDescription, QueueItemDescriptionProps, QueueItemFile, QueueItemFileProps, QueueItemImage, QueueItemImageProps, QueueItemIndicator, QueueItemIndicatorProps, QueueItemProps, QueueList, QueueListProps, QueueMessage, QueueMessagePart, QueueProps, QueueSection, QueueSectionContent, QueueSectionContentProps, QueueSectionLabel, QueueSectionLabelProps, QueueSectionProps, QueueSectionTrigger, QueueSectionTriggerProps, QueueTodo } from './components/ai-elements/queue.cjs';
-export { Reasoning, ReasoningContent, ReasoningContentProps, ReasoningProps, ReasoningTrigger, ReasoningTriggerProps, useReasoning } from './components/ai-elements/reasoning.cjs';
-export { Sandbox, SandboxContent, SandboxContentProps, SandboxHeader, SandboxHeaderProps, SandboxRootProps, SandboxTabContent, SandboxTabContentProps, SandboxTabs, SandboxTabsBar, SandboxTabsBarProps, SandboxTabsList, SandboxTabsListProps, SandboxTabsProps, SandboxTabsTrigger, SandboxTabsTriggerProps } from './components/ai-elements/sandbox.cjs';
-export { SchemaDisplay, SchemaDisplayBody, SchemaDisplayBodyProps, SchemaDisplayContent, SchemaDisplayContentProps, SchemaDisplayDescription, SchemaDisplayDescriptionProps, SchemaDisplayExample, SchemaDisplayExampleProps, SchemaDisplayHeader, SchemaDisplayHeaderProps, SchemaDisplayMethod, SchemaDisplayMethodProps, SchemaDisplayParameter, SchemaDisplayParameterProps, SchemaDisplayParameters, SchemaDisplayParametersProps, SchemaDisplayPath, SchemaDisplayPathProps, SchemaDisplayProperty, SchemaDisplayPropertyProps, SchemaDisplayProps, SchemaDisplayRequest, SchemaDisplayRequestProps, SchemaDisplayResponse, SchemaDisplayResponseProps } from './components/ai-elements/schema-display.cjs';
-export { Shimmer, TextShimmerProps } from './components/ai-elements/shimmer.cjs';
-export { Snippet, SnippetAddon, SnippetAddonProps, SnippetCopyButton, SnippetCopyButtonProps, SnippetInput, SnippetInputProps, SnippetProps, SnippetText, SnippetTextProps } from './components/ai-elements/snippet.cjs';
-export { Source, SourceProps, Sources, SourcesContent, SourcesContentProps, SourcesProps, SourcesTrigger, SourcesTriggerProps } from './components/ai-elements/sources.cjs';
-export { SpeechInput, SpeechInputProps } from './components/ai-elements/speech-input.cjs';
-export { StackTrace, StackTraceActions, StackTraceActionsProps, StackTraceContent, StackTraceContentProps, StackTraceCopyButton, StackTraceCopyButtonProps, StackTraceError, StackTraceErrorMessage, StackTraceErrorMessageProps, StackTraceErrorProps, StackTraceErrorType, StackTraceErrorTypeProps, StackTraceExpandButton, StackTraceExpandButtonProps, StackTraceFrames, StackTraceFramesProps, StackTraceHeader, StackTraceHeaderProps, StackTraceProps } from './components/ai-elements/stack-trace.cjs';
-export { Suggestion, SuggestionProps, Suggestions, SuggestionsProps } from './components/ai-elements/suggestion.cjs';
-export { Task, TaskContent, TaskContentProps, TaskItem, TaskItemFile, TaskItemFileProps, TaskItemProps, TaskProps, TaskTrigger, TaskTriggerProps } from './components/ai-elements/task.cjs';
-export { Terminal, TerminalActions, TerminalActionsProps, TerminalClearButton, TerminalClearButtonProps, TerminalContent, TerminalContentProps, TerminalCopyButton, TerminalCopyButtonProps, TerminalHeader, TerminalHeaderProps, TerminalProps, TerminalStatus, TerminalStatusProps, TerminalTitle, TerminalTitleProps } from './components/ai-elements/terminal.cjs';
-export { Test, TestDuration, TestDurationProps, TestError, TestErrorMessage, TestErrorMessageProps, TestErrorProps, TestErrorStack, TestErrorStackProps, TestName, TestNameProps, TestProps, TestResults, TestResultsContent, TestResultsContentProps, TestResultsDuration, TestResultsDurationProps, TestResultsHeader, TestResultsHeaderProps, TestResultsProgress, TestResultsProgressProps, TestResultsProps, TestResultsSummary, TestResultsSummaryProps, TestStatus, TestStatusProps, TestSuite, TestSuiteContent, TestSuiteContentProps, TestSuiteName, TestSuiteNameProps, TestSuiteProps, TestSuiteStats, TestSuiteStatsProps } from './components/ai-elements/test-results.cjs';
-export { Tool, ToolContent, ToolContentProps, ToolHeader, ToolHeaderProps, ToolInput, ToolInputProps, ToolOutput, ToolOutputProps, ToolPart, ToolProps, getStatusBadge } from './components/ai-elements/tool.cjs';
-export { Toolbar } from './components/ai-elements/toolbar.cjs';
-export { Transcription, TranscriptionProps, TranscriptionSegment, TranscriptionSegmentProps } from './components/ai-elements/transcription.cjs';
-export { VoiceSelectorAccent, VoiceSelectorAccentProps, VoiceSelectorAccentValue } from './components/ai-elements/voice-selector-accent.cjs';
-export { VoiceSelector, VoiceSelectorAge, VoiceSelectorAgeProps, VoiceSelectorAttributes, VoiceSelectorAttributesProps, VoiceSelectorBullet, VoiceSelectorBulletProps, VoiceSelectorContent, VoiceSelectorContentProps, VoiceSelectorDescription, VoiceSelectorDescriptionProps, VoiceSelectorDialog, VoiceSelectorDialogProps, VoiceSelectorEmpty, VoiceSelectorEmptyProps, VoiceSelectorGender, VoiceSelectorGenderProps, VoiceSelectorGroup, VoiceSelectorGroupProps, VoiceSelectorInput, VoiceSelectorInputProps, VoiceSelectorItem, VoiceSelectorItemProps, VoiceSelectorList, VoiceSelectorListProps, VoiceSelectorName, VoiceSelectorNameProps, VoiceSelectorPreview, VoiceSelectorPreviewProps, VoiceSelectorProps, VoiceSelectorSeparator, VoiceSelectorSeparatorProps, VoiceSelectorShortcut, VoiceSelectorShortcutProps, VoiceSelectorTrigger, VoiceSelectorTriggerProps, useVoiceSelector } from './components/ai-elements/voice-selector.cjs';
-export { WebPreview, WebPreviewBody, WebPreviewBodyProps, WebPreviewConsole, WebPreviewConsoleProps, WebPreviewContextValue, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewNavigationButtonProps, WebPreviewNavigationProps, WebPreviewProps, WebPreviewUrl, WebPreviewUrlProps } from './components/ai-elements/web-preview.cjs';
 export { Tone, toneColor, toneDot, toneLabel, tonePill } from './components/dashboard/tone.cjs';
 export { Gap, gapClass } from './components/dashboard/spacing.cjs';
 export { Divider, DividerProps, Grid, GridProps, Inline, InlineProps, Section, SectionProps, Stack, StackProps, WidgetContent, WidgetContentProps } from './components/dashboard/layout.cjs';
@@ -129,9 +77,8 @@ export { EmptyState, EmptyStateProps } from './components/dashboard/empty-state.
 export { ActivitySkeleton, ListSkeleton, MetricSkeleton, SkeletonPatternProps } from './components/dashboard/skeletons.cjs';
 export { IconButton, IconButtonProps } from './components/dashboard/icon-button.cjs';
 export { DashboardComponentCatalogEntry } from './components/dashboard/catalog.cjs';
-export { AvailableModelPicker } from './components/model-selection/available-model-picker.cjs';
-export { ModelWarningList } from './components/model-selection/model-warning-list.cjs';
-export { ThinkingLevelPicker } from './components/model-selection/thinking-level-picker.cjs';
+export { PluginStyleScope, PluginStyleScopeProps } from './plugin-style-scope.cjs';
+export { usePluginPortalContainer } from './plugin-style-scope-context.cjs';
 import 'clsx';
 import 'react/jsx-runtime';
 import 'react';
@@ -149,13 +96,3 @@ import 'input-otp';
 import 'react-resizable-panels';
 import 'sonner';
 import '@headless-tree/core';
-import 'ai';
-import 'lucide-react';
-import 'media-chrome/react';
-import '@xyflow/react';
-import 'shiki';
-import 'use-stick-to-bottom';
-import 'react-jsx-parser';
-import 'streamdown';
-import '@rive-app/react-webgl2';
-import '@sero-ai/common';