@cognite/aura 0.2.0 → 0.3.1

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

@@ -1,15 +1,16 @@
-import { ComponentProps, ReactNode } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ReactNode } from 'react';
 import { Avatar } from '../avatar/avatar';
-declare const Topbar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const TopbarLeft: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+import { Button } from '../button/button';
+declare const Topbar: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+declare const TopbarLeft: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
 type TopbarIconProps = Omit<ComponentProps<typeof Avatar>, 'sizes' | 'variant' | 'children'> & {
     children: ReactNode;
 };
-declare const TopbarIcon: import('react').ForwardRefExoticComponent<Omit<TopbarIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const TopbarBreadcrumbs: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const TopbarMetadata: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const TopbarCenter: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const TopbarRight: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const TopbarIcon: ForwardRefExoticComponent<Omit<TopbarIconProps, 'ref'> & RefAttributes<HTMLSpanElement>>;
+declare const TopbarBreadcrumbs: ForwardRefExoticComponent<ComponentProps<'nav'> & RefAttributes<HTMLElement>>;
+declare const TopbarMetadata: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
+declare const TopbarCenter: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+declare const TopbarRight: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
 type TopbarTheme = 'light' | 'dark';
 type TopbarThemeSwitcherProps = ComponentProps<'div'> & {
     theme?: TopbarTheme;
@@ -22,9 +23,6 @@ type TopbarThemeSwitcherProps = ComponentProps<'div'> & {
     lightModeLabel?: string;
     darkModeLabel?: string;
 };
-declare const TopbarThemeSwitcher: import('react').ForwardRefExoticComponent<Omit<TopbarThemeSwitcherProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const TopbarAction: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ButtonProps & import('class-variance-authority').VariantProps<(props?: ({
-    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const TopbarThemeSwitcher: ForwardRefExoticComponent<Omit<TopbarThemeSwitcherProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const TopbarAction: ForwardRefExoticComponent<Omit<ComponentProps<typeof Button>, 'ref'> & RefAttributes<HTMLElement>>;
 export { Topbar, TopbarAction, TopbarBreadcrumbs, TopbarCenter, TopbarIcon, TopbarLeft, TopbarMetadata, TopbarRight, TopbarThemeSwitcher, type TopbarTheme, };

package/dist/eslint/index.d.ts

@@ -1,7 +1,8 @@
+import { Rule } from 'eslint';
 import { auraNoOverridingStylesRule } from './no-overriding-styles';
 export { auraNoOverridingStylesRule };
 export declare const auraEslintPlugin: {
     rules: {
-        'no-overriding-styles': import("eslint").Rule.RuleModule;
+        'no-overriding-styles': Rule.RuleModule;
     };
 };

package/dist/index.d.ts

@@ -1 +1 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionMetadata, AccordionTrigger, Alert, AlertActions, AlertButton, AlertClose, AlertDescription, AlertMetadata, AlertTitle, Avatar, AvatarFallback, AvatarIcon, AvatarImage, AvatarMetadata, Badge, BadgeMetadata, Banner, BannerAction, BannerActions, BannerClose, BannerIcon, BannerMetadata, BannerStatus, BannerTitle, badgeVariants, Button, ButtonGroup, ButtonGroupMetadata, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, ButtonMetadata, buttonVariants, Card, CardActions, CardContent, CardDescription, CardFooter, CardFooterEnd, CardFooterStart, CardHeader, CardHeaderCenter, CardHeaderEnd, CardHeaderStart, CardMetadata, CardTitle, CheckboxGroup, CheckboxItem, CheckboxItemControl, CheckboxItemDescription, CheckboxItemLabel, CheckboxMetadata, CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton, CodeBlockMetadata, Collapsible, CollapsibleContent, CollapsibleMetadata, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandMetadata, CommandSeparator, CommandShortcut, Count, countVariants, type ComponentMeta, type ComponentStatusType, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogMetadata, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuMetadata, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HelperText, HelperTextMetadata, HoverCard, HoverCardContent, HoverCardMetadata, HoverCardTrigger, InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationGroup, InlineCitationLink, type InlineCitationLinkProps, InlineCitationMetadata, InlineCitationQuote, InlineCitationSource, InlineCitationText, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupMetadata, InputGroupText, InputGroupTextarea, InputMetadata, Kbd, KbdGroup, KbdMetadata, Label, LabelMetadata, Loader, LoaderMetadata, Message, MessageAction, MessageActions, MessageContent, MessageResponse, Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverHeaderContent, PopoverMetadata, PopoverSlot, PopoverTitle, PopoverTrigger, PortalContainerContext, PromptInput, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputMetadata, PromptInputModelSelect, PromptInputModelSelectContent, PromptInputModelSelectItem, PromptInputModelSelectTrigger, PromptInputModelSelectValue, PromptInputProvider, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, Reasoning, ReasoningContent, ReasoningHeader, ReasoningItem, ReasoningMetadata, RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemDescription, RadioGroupItemLabel, RadioGroupMetadata, ScrollArea, ScrollAreaMetadata, ScrollBar, SegmentedControl, SegmentedControlButton, SegmentedControlContent, SegmentedControlList, segmentedControlButtonVariants, segmentedControlListVariants, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectMetadata, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorMetadata, Shimmer, ShimmerMetadata, Skeleton, SkeletonMetadata, Source, Sources, SourcesTitle, SonnerToastMetadata, toast, Toaster, Tabs, TabsLabel, TabsList, TabsPanel, TabsTrigger, tabsListVariants, tabsTriggerVariants, Textarea, TextareaMetadata, Topbar, TopbarAction, TopbarBreadcrumbs, TopbarCenter, TopbarIcon, TopbarLeft, TopbarMetadata, TopbarRight, type TopbarTheme, TopbarThemeSwitcher, Tool, ToolContent, ToolHeader, ToolInput, ToolMetadata, ToolOutput, Tooltip, TooltipContent, TooltipMetadata, 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.d.ts

@@ -1,2 +1,3 @@
-export declare const PortalContainerContext: import('react').Context<HTMLElement | undefined>;
+import { Context } from 'react';
+export declare const PortalContainerContext: Context<HTMLElement | undefined>;
 export declare function usePortalContainer(): HTMLElement | undefined;

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

@@ -1,10 +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,