@cognite/aura 0.3.0 → 0.3.1

package/dist/components/ui/core/shimmer/shimmer.js

@@ -1,7 +1,7 @@
-import { jsx as e } from "react/jsx-runtime";
-import { memo as h, useMemo as s } from "react";
-import { motion as a } from "framer-motion";
-import { cn as f } from "../../../../lib/utils.js";
+import { jsx as s, jsxs as b } from "react/jsx-runtime";
+import { memo as h, useMemo as p } from "react";
+import { motion as m } from "framer-motion";
+import { cn as u } from "../../../../lib/utils.js";
 const v = {
   nordic: "var(--gradient-nordic)",
   aurora: "var(--gradient-aurora)",
@@ -10,59 +10,99 @@ const v = {
   summer: "var(--gradient-summer)",
   spring: "var(--gradient-spring)",
   fall: "var(--gradient-fall)"
+}, c = {
+  backgroundPosition: ["100% center, center", "0% center, center"]
 };
+function x(e, a) {
+  const r = e.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
+  return {
+    ...a,
+    WebkitMaskImage: `url("${r}")`,
+    maskImage: `url("${r}")`,
+    WebkitMaskRepeat: "no-repeat",
+    maskRepeat: "no-repeat",
+    WebkitMaskSize: "contain",
+    maskSize: "contain",
+    WebkitMaskPosition: "center",
+    maskPosition: "center"
+  };
+}
 function S({
-  children: n,
-  as: m = "p",
-  className: d,
-  duration: c = 2,
-  spread: o = 2,
-  variant: t = "default"
+  children: e,
+  iconUrl: a,
+  as: r = "p",
+  className: l,
+  duration: g = 2,
+  spread: d = 2,
+  variant: n = "default"
 }) {
-  const u = s(
-    () => (n?.length ?? 0) * o,
-    [n, o]
-  ), p = s(() => {
-    const i = "linear-gradient(90deg, transparent calc(50% - var(--spread)), rgba(255, 255, 255, 0.4), transparent calc(50% + var(--spread)))";
-    return t === "default" ? `${i}, linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))` : `${i}, ${v[t]}`;
-  }, [t]), g = {
-    "--spread": `${u}px`,
-    backgroundImage: p,
+  const k = p(
+    () => (e?.length ?? 0) * d,
+    [e, d]
+  ), f = p(() => {
+    const t = "linear-gradient(90deg, transparent calc(50% - var(--spread)), rgba(255, 255, 255, 0.4), transparent calc(50% + var(--spread)))";
+    return n === "default" ? `${t}, linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))` : `${t}, ${v[n]}`;
+  }, [n]), i = {
+    "--spread": `${k}px`,
+    backgroundImage: f,
     backgroundSize: "250% 100%, 100% 100%"
-  }, l = {
+  }, o = {
     repeat: Number.POSITIVE_INFINITY,
-    duration: c,
+    duration: g,
     ease: "linear"
-  }, r = {
-    "data-slot": "shimmer",
-    animate: {
-      backgroundPosition: ["100% center, center", "0% center, center"]
-    },
-    className: f(
-      "relative inline-block bg-clip-text text-transparent rounded-md",
-      d
-    ),
-    style: g,
-    transition: l,
-    children: n
   };
-  switch (m) {
-    case "span":
-      return /* @__PURE__ */ e(a.span, { ...r });
-    case "div":
-      return /* @__PURE__ */ e(a.div, { ...r });
-    case "h1":
-      return /* @__PURE__ */ e(a.h1, { ...r });
-    case "h2":
-      return /* @__PURE__ */ e(a.h2, { ...r });
-    case "h3":
-      return /* @__PURE__ */ e(a.h3, { ...r });
-    default:
-      return /* @__PURE__ */ e(a.p, { ...r });
+  if (!a) {
+    const t = m[r];
+    return /* @__PURE__ */ s(
+      t,
+      {
+        "data-slot": "shimmer",
+        className: u(
+          "relative inline-block bg-clip-text text-transparent rounded-md",
+          l
+        ),
+        animate: c,
+        style: i,
+        transition: o,
+        children: e
+      }
+    );
   }
+  return /* @__PURE__ */ b(
+    r,
+    {
+      "data-slot": "shimmer",
+      className: u(
+        "relative rounded-md inline-flex items-center gap-1.5",
+        l
+      ),
+      children: [
+        /* @__PURE__ */ s(
+          m.span,
+          {
+            "aria-hidden": !0,
+            className: "inline-block size-[1em] shrink-0",
+            animate: c,
+            style: x(a, i),
+            transition: o
+          }
+        ),
+        /* @__PURE__ */ s(
+          m.span,
+          {
+            className: "inline-block bg-clip-text text-transparent",
+            animate: c,
+            style: i,
+            transition: o,
+            children: e
+          }
+        )
+      ]
+    }
+  );
 }
-const b = h(S);
-b.displayName = "Shimmer";
+const I = h(S);
+I.displayName = "Shimmer";
 export {
-  b as Shimmer
+  I as Shimmer
 };

package/dist/components/ui/core/tabs/tabs.js

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as b } from "react/jsx-runtime";
-import { forwardRef as n, useContext as v, createContext as x } from "react";
+import { forwardRef as n, createContext as v, useContext as x } from "react";
 import { Tabs as u } from "@base-ui/react/tabs";
 import { cva as f } from "class-variance-authority";
 import { cn as l } from "../../../../lib/utils.js";
@@ -94,7 +94,7 @@ const w = f("relative isolate inline-flex", {
   )
 );
 _.displayName = "Tabs";
-const g = x(void 0), h = n(({ className: e, size: t = "small", ...a }, s) => /* @__PURE__ */ i(
+const g = v(void 0), h = n(({ className: e, size: t = "small", ...a }, s) => /* @__PURE__ */ i(
   u.Indicator,
   {
     ref: s,
@@ -151,7 +151,7 @@ const V = n(
     children: d,
     ...c
   }, r) => {
-    const p = v(g), m = t ?? p ?? "small";
+    const p = x(g), m = t ?? p ?? "small";
     return /* @__PURE__ */ b(
       u.Tab,
       {

package/dist/components/ui/core/textarea/textarea.js

@@ -8,7 +8,7 @@ const c = r(
       ref: a,
       "data-slot": "textarea",
       className: i(
-        "flex field-sizing-content min-h-20 w-full transition-[color,background-color,border-color,box-shadow] resize-none",
+        "flex field-sizing-content h-auto min-h-20 w-full transition-[color,background-color,border-color,box-shadow] resize-none",
         m,
         f,
         d,

package/dist/components/ui/core/toggle/toggle.d.ts

@@ -0,0 +1,15 @@
+import { ComponentRef, ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
+import { ClassProp } from 'class-variance-authority/types';
+type ToggleVariantProps = {
+    variant?: 'default' | 'outline';
+    size?: 'default' | 'sm' | 'lg';
+};
+declare const toggleVariants: (props?: (ToggleVariantProps & ClassProp) | undefined) => string;
+type ToggleProps = TogglePrimitive.Props & ToggleVariantProps & {
+    icon?: ReactNode;
+    label?: ReactNode;
+    count?: number | string;
+};
+declare const Toggle: ForwardRefExoticComponent<Omit<ToggleProps, 'ref'> & RefAttributes<ComponentRef<typeof TogglePrimitive>>>;
+export { Toggle, toggleVariants };

package/dist/components/ui/core/toggle/toggle.js

@@ -0,0 +1,74 @@
+import { jsx as o, jsxs as m, Fragment as f } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { Toggle as b } from "@base-ui/react/toggle";
+import { cva as p } from "class-variance-authority";
+import { cn as s } from "../../../../lib/utils.js";
+const x = p(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium text-muted-foreground hover:bg-accent-background hover:text-foreground disabled:pointer-events-none disabled:text-disabled-foreground aria-pressed:bg-active-muted-background aria-pressed:text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring-muted focus-visible:ring outline-none transition-[color,box-shadow] aria-invalid:ring-destructive-background/20 dark:aria-invalid:ring-destructive-background/40 aria-invalid:border-destructive-background whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-muted-background bg-transparent shadow-xs hover:bg-accent-background hover:text-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-7 px-1.5 min-w-7",
+        lg: "h-8 px-2.5 min-w-8"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), h = (e, r) => {
+  if (e == null || e === "")
+    return null;
+  const t = String(e);
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "data-slot": "toggle-count",
+      className: s(
+        "inline-flex h-4 min-w-4 items-center justify-center rounded-sm px-0.5 text-xs font-medium leading-3.5 tracking-tightest",
+        r ? "bg-disabled-background text-disabled-foreground" : "bg-decorative-background-mountain text-decorative-foreground-mountain"
+      ),
+      children: t
+    }
+  );
+}, k = v(
+  ({
+    className: e,
+    variant: r,
+    size: t,
+    icon: i,
+    label: n,
+    count: a,
+    children: g,
+    disabled: d,
+    ...u
+  }, l) => {
+    const c = i !== void 0 || n !== void 0 || a !== void 0;
+    return /* @__PURE__ */ o(
+      b,
+      {
+        ref: l,
+        "data-slot": "toggle",
+        disabled: d,
+        className: s(x({ variant: r, size: t, className: e })),
+        ...u,
+        children: g ?? (c && /* @__PURE__ */ m(f, { children: [
+          i,
+          n && /* @__PURE__ */ o("span", { "data-slot": "toggle-label", children: n }),
+          h(a, d)
+        ] }))
+      }
+    );
+  }
+);
+k.displayName = "Toggle";
+export {
+  k as Toggle,
+  x as toggleVariants
+};

package/dist/components/ui/core/tool/tool.js

@@ -5,7 +5,7 @@ import { cn as s } from "../../../../lib/utils.js";
 import { Badge as g } from "../badge/badge.js";
 import { Button as h } from "../button/button.js";
 import { CodeBlock as c, CodeBlockCopyButton as m, CodeBlockDownloadButton as u, CodeBlockCollapseButton as f } from "../code-block/code-block.js";
-import { Collapsible as x, CollapsibleContent as N, CollapsibleTrigger as b } from "../collapsible/collapsible.js";
+import { Collapsible as x, CollapsibleTrigger as N, CollapsibleContent as b } from "../collapsible/collapsible.js";
 const y = d(
   ({ className: t, ...o }, l) => /* @__PURE__ */ e(
     x,
@@ -23,7 +23,7 @@ const y = d(
 y.displayName = "Tool";
 const v = d(
   ({ className: t, title: o, type: l, hasError: r = !1, ...i }, a) => /* @__PURE__ */ e(
-    b,
+    N,
     {
       ref: a,
       "data-slot": "tool-header",
@@ -56,7 +56,7 @@ const v = d(
 v.displayName = "ToolHeader";
 const j = d(
   ({ className: t, ...o }, l) => /* @__PURE__ */ e(
-    N,
+    b,
     {
       ref: l,
       "data-slot": "tool-content",

package/dist/index.d.ts

@@ -1 +1 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionToolbar, ActionToolbarAction, ActionToolbarActionClear, ActionToolbarActions, ActionToolbarPrimaryAction, ActionToolbarSelection, ActionToolbarSelectionSummary, Alert, AlertActions, AlertButton, AlertClose, AlertDescription, AlertTitle, EmptyState, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, Avatar, AvatarFallback, AvatarIcon, AvatarImage, Badge, Banner, BannerAction, BannerActions, BannerClose, BannerIcon, BannerStatus, BannerTitle, badgeVariants, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, buttonVariants, Card, CardActions, CardContent, CardDescription, CardFooter, CardFooterEnd, CardFooterStart, CardHeader, CardHeaderCenter, CardHeaderEnd, CardHeaderStart, CardTitle, CheckboxGroup, CheckboxItem, CheckboxItemControl, CheckboxItemDescription, CheckboxItemLabel, CheckboxMetadata, CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Count, countVariants, DateRangePicker, DateTimeRangePicker, type DateRangePickerProps, type DateTimeRangePickerProps, type ShortcutItem, type TimeFormat, type ComponentMeta, type ComponentStatusType, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HelperText, HoverCard, HoverCardContent, HoverCardTrigger, InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationGroup, InlineCitationLink, type InlineCitationLinkProps, InlineCitationQuote, InlineCitationSource, InlineCitationText, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Kbd, KbdGroup, Label, Loader, Message, MessageAction, MessageActions, MessageContent, MessageResponse, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, PaginationResultsPerPage, PaginationResultsPerPageLabel, PaginationSelectTrigger, PaginationStatus, PaginationTeleport, Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverHeaderContent, PopoverSlot, PopoverTitle, PopoverTrigger, PortalContainerContext, PromptInput, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputModelSelect, PromptInputModelSelectContent, PromptInputModelSelectItem, PromptInputModelSelectTrigger, PromptInputModelSelectValue, PromptInputProvider, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, Reasoning, ReasoningContent, ReasoningHeader, ReasoningItem, RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemDescription, RadioGroupItemLabel, ScrollArea, ScrollBar, Search, SegmentedControl, SegmentedControlButton, SegmentedControlContent, SegmentedControlList, segmentedControlButtonVariants, segmentedControlListVariants, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Shimmer, Skeleton, Source, Sources, SourcesTitle, toast, Toaster, Tabs, TabsLabel, TabsList, TabsPanel, TabsTrigger, tabsListVariants, tabsTriggerVariants, Textarea, Topbar, TopbarAction, TopbarBreadcrumbs, TopbarCenter, TopbarIcon, TopbarLeft, TopbarMetadata, TopbarRight, type TopbarTheme, TopbarThemeSwitcher, Tool, ToolContent, ToolHeader, ToolInput, ToolOutput, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, usePromptInputController, } from './components';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionToolbar, ActionToolbarAction, ActionToolbarActionClear, ActionToolbarActions, ActionToolbarPrimaryAction, ActionToolbarSelection, ActionToolbarSelectionSummary, Alert, AlertActions, AlertButton, AlertClose, AlertDescription, AlertTitle, EmptyState, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, Avatar, AvatarFallback, AvatarIcon, AvatarImage, Badge, Banner, BannerAction, BannerActions, BannerClose, BannerIcon, BannerStatus, BannerTitle, badgeVariants, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, buttonVariants, Card, CardActions, CardContent, CardDescription, CardFooter, CardFooterEnd, CardFooterStart, CardHeader, CardHeaderCenter, CardHeaderEnd, CardHeaderStart, CardTitle, CheckboxGroup, CheckboxItem, CheckboxItemControl, CheckboxItemDescription, CheckboxItemLabel, CheckboxMetadata, CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Count, countVariants, DateRangePicker, DateTimeRangePicker, type DateRangePickerProps, type DateTimeRangePickerProps, type ShortcutItem, type TimeFormat, type ComponentMeta, type ComponentStatusType, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HelperText, HoverCard, HoverCardContent, HoverCardTrigger, InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationGroup, InlineCitationLink, type InlineCitationLinkProps, InlineCitationQuote, InlineCitationSource, InlineCitationText, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Kbd, KbdGroup, Label, Loader, Message, MessageAction, MessageActions, MessageContent, MessageResponse, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, PaginationResultsPerPage, PaginationResultsPerPageLabel, PaginationSelectTrigger, PaginationStatus, PaginationTeleport, Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverHeaderContent, PopoverSlot, PopoverTitle, PopoverTrigger, PortalContainerContext, PromptInput, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputModelSelect, PromptInputModelSelectContent, PromptInputModelSelectItem, PromptInputModelSelectTrigger, PromptInputModelSelectValue, PromptInputProvider, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, Reasoning, ReasoningContent, ReasoningHeader, ReasoningItem, RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemDescription, RadioGroupItemLabel, ScrollArea, ScrollBar, Search, SegmentedControl, SegmentedControlButton, SegmentedControlContent, SegmentedControlList, segmentedControlButtonVariants, segmentedControlListVariants, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Shimmer, Skeleton, Source, Sources, SourcesTitle, toast, Toaster, Tabs, TabsLabel, TabsList, TabsPanel, TabsTrigger, tabsListVariants, tabsTriggerVariants, Textarea, Topbar, TopbarAction, TopbarBreadcrumbs, TopbarCenter, TopbarIcon, TopbarLeft, TopbarMetadata, TopbarRight, type TopbarTheme, TopbarThemeSwitcher, Toggle, toggleVariants, Tool, ToolContent, ToolHeader, ToolInput, ToolOutput, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, usePromptInputController, } from './components';

package/dist/lib/portal-container-context.js

@@ -1,8 +1,8 @@
-import { createContext as t, useContext as o } from "react";
+import { useContext as t, createContext as o } from "react";
 import { getPortalContainer as n } from "./utils.js";
-const e = t(void 0);
+const e = o(void 0);
 function C() {
-  return o(e) ?? n();
+  return t(e) ?? n();
 }
 export {
   e as PortalContainerContext,

package/dist/lib/utils.d.ts

@@ -19,7 +19,7 @@ export declare const focusRingDestructive: "focus-visible:shadow-focus-ring-dest
  * Reusable form element state Tailwind classes.
  * Import these to maintain consistent styling across all form components.
  */
-export declare const formElementBase: "border border-transparent rounded-lg bg-muted-background py-2 pl-2 pr-1 text-sm leading-5 tracking-tight text-muted-foreground placeholder:text-muted-foreground";
+export declare const formElementBase: "border border-transparent rounded-lg bg-muted-background py-1.75 pl-2 pr-1 text-sm leading-5 tracking-tight text-muted-foreground placeholder:text-muted-foreground";
 export declare const hoverState: "hover:bg-accent-background hover:border hover:border-border-emphasized";
 export declare const filledState: "[&:not(:placeholder-shown):not(:focus)]:bg-muted-background [&:not(:placeholder-shown)]:text-foreground";
 export declare const focusState: "focus-visible:shadow-focus-ring focus-visible:bg-background focus-visible:border-transparent focus-visible:text-foreground outline-none";

package/dist/lib/utils.js

@@ -2,7 +2,7 @@ import { clsx as u } from "clsx";
 import { codeToHtml as i } from "shiki";
 import { twMerge as b } from "tailwind-merge";
 import d from "./style-scope.js";
-let s = null, l = !1;
+let a = null, l = !1;
 function f(...e) {
   return b(u(e));
 }
@@ -58,7 +58,7 @@ function k(e) {
   const r = t[0].charAt(0).toUpperCase(), o = t[t.length - 1].charAt(0).toUpperCase();
   return r + o;
 }
-const C = "focus-visible:shadow-focus-ring outline-none", S = "focus-visible:shadow-focus-ring-destructive outline-none", I = "border border-transparent rounded-lg bg-muted-background py-2 pl-2 pr-1 text-sm leading-5 tracking-tight text-muted-foreground placeholder:text-muted-foreground", P = "hover:bg-accent-background hover:border hover:border-border-emphasized", T = "[&:not(:placeholder-shown):not(:focus)]:bg-muted-background [&:not(:placeholder-shown)]:text-foreground", O = "focus-visible:shadow-focus-ring focus-visible:bg-background focus-visible:border-transparent focus-visible:text-foreground outline-none", N = "aria-invalid:border-destructive-foreground aria-invalid:shadow-focus-ring-destructive aria-invalid:border-transparent aria-invalid:text-foreground aria-invalid:focus-visible:shadow-focus-ring aria-invalid:focus-visible:bg-background aria-invalid:focus-visible:border-transparent aria-invalid:focus-visible:text-foreground outline-none", U = "disabled:bg-disabled-background disabled:border-transparent disabled:text-disabled-foreground disabled:placeholder:text-disabled-foreground disabled:pointer-events-none disabled:cursor-not-allowed", _ = "read-only:border-transparent read-only:text-muted-foreground read-only:cursor-default read-only:hover:border-transparent read-only:focus-visible:shadow-none read-only:focus-visible:border-transparent read-only:focus-visible:bg-muted-background [&:read-only:not(:placeholder-shown)]:text-muted-foreground", B = "grid max-w-150 cursor-pointer grid-cols-[auto_1fr] items-start gap-x-2 gap-y-1 has-[[data-disabled]]:cursor-not-allowed", E = "min-h-9 py-2", z = f(
+const C = "focus-visible:shadow-focus-ring outline-none", S = "focus-visible:shadow-focus-ring-destructive outline-none", I = "border border-transparent rounded-lg bg-muted-background py-1.75 pl-2 pr-1 text-sm leading-5 tracking-tight text-muted-foreground placeholder:text-muted-foreground", P = "hover:bg-accent-background hover:border hover:border-border-emphasized", T = "[&:not(:placeholder-shown):not(:focus)]:bg-muted-background [&:not(:placeholder-shown)]:text-foreground", O = "focus-visible:shadow-focus-ring focus-visible:bg-background focus-visible:border-transparent focus-visible:text-foreground outline-none", N = "aria-invalid:border-destructive-foreground aria-invalid:shadow-focus-ring-destructive aria-invalid:border-transparent aria-invalid:text-foreground aria-invalid:focus-visible:shadow-focus-ring aria-invalid:focus-visible:bg-background aria-invalid:focus-visible:border-transparent aria-invalid:focus-visible:text-foreground outline-none", U = "disabled:bg-disabled-background disabled:border-transparent disabled:text-disabled-foreground disabled:placeholder:text-disabled-foreground disabled:pointer-events-none disabled:cursor-not-allowed", _ = "read-only:border-transparent read-only:text-muted-foreground read-only:cursor-default read-only:hover:border-transparent read-only:focus-visible:shadow-none read-only:focus-visible:border-transparent read-only:focus-visible:bg-muted-background [&:read-only:not(:placeholder-shown)]:text-muted-foreground", B = "grid max-w-150 cursor-pointer grid-cols-[auto_1fr] items-start gap-x-2 gap-y-1 has-[[data-disabled]]:cursor-not-allowed", E = "min-h-9 py-2", z = f(
   "w-64 rounded-md border border-transparent p-3 bg-card-background",
   "has-[[data-checked]]:bg-active-muted-background",
   "hover:border-border-emphasized hover:bg-accent-background",
@@ -77,20 +77,20 @@ function D(e) {
   }
 }
 const H = (e) => {
-  const t = !!(e && Object.keys(e).length > 0), r = e?.id ?? d.portalContainer, o = e?.className ?? d.styleScope, c = (a) => {
-    a.id = r, a.className = o, a.style.position = e?.style?.position ?? "fixed", a.style.zIndex = e?.style?.zIndex ?? "1000", e?.style && Object.assign(a.style, e.style);
+  const t = !!(e && Object.keys(e).length > 0), r = e?.id ?? d.portalContainer, o = e?.className ?? d.styleScope, c = (s) => {
+    s.id = r, s.className = o, s.style.position = e?.style?.position ?? "fixed", s.style.zIndex = e?.style?.zIndex ?? "1000", e?.style && Object.assign(s.style, e.style);
   };
-  if (s)
+  if (a && !document.body?.contains(a) && (a = null), a)
     return t && console.warn(
       "getPortalContainer: Portal container already exists. Custom options will be ignored to prevent side effects."
-    ), s;
+    ), a;
   if (typeof window > "u")
     return;
   t && !l && (console.warn(
     "Custom portal container props can lead to unintended behavior. Use with caution."
   ), l = !0);
   let n = document?.getElementById(r);
-  return n || (n = document.createElement("div"), document.body.appendChild(n)), c(n), s = n, n;
+  return n || (n = document.createElement("div"), document.body.appendChild(n)), c(n), a = n, n;
 };
 export {
   f as cn,