@cognite/aura 0.1.7 → 0.3.0

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

@@ -0,0 +1,190 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { IconSun as N, IconMoon as y } from "@tabler/icons-react";
+import { cn as i } from "../../../../lib/utils.js";
+import { Avatar as M, AvatarIcon as D } from "../avatar/avatar.js";
+import { Breadcrumb as k } from "../breadcrumb/breadcrumb.js";
+import { Button as c } from "../button/button.js";
+import { DropdownMenu as v, DropdownMenuTrigger as R, DropdownMenuContent as S, DropdownMenuGroup as A, DropdownMenuLabel as L, DropdownMenuRadioGroup as E, DropdownMenuRadioItem as s } from "../dropdown-menu/dropdown-menu.js";
+const I = i(
+  "flex h-11 w-full items-center gap-2 rounded-t-lg border-b border-border bg-background px-3 py-2",
+  "[&:has(>[data-slot=topbar-center])>[data-slot=topbar-right]]:flex-none"
+), B = o(
+  ({ className: r, role: t = "banner", ...a }, n) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: n,
+      "data-slot": "topbar",
+      role: t,
+      className: i(I, r),
+      ...a
+    }
+  )
+);
+B.displayName = "Topbar";
+const C = o(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      "data-slot": "topbar-left",
+      className: i("flex min-w-0 items-center gap-0.5", r),
+      ...t
+    }
+  )
+);
+C.displayName = "TopbarLeft";
+const _ = o(
+  ({ className: r, children: t, ...a }, n) => /* @__PURE__ */ e(
+    M,
+    {
+      ref: n,
+      "data-slot": "topbar-icon",
+      sizes: "xxsm",
+      variant: "fjord",
+      className: r,
+      ...a,
+      children: /* @__PURE__ */ e(D, { children: t })
+    }
+  )
+);
+_.displayName = "TopbarIcon";
+const j = o(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    k,
+    {
+      ref: a,
+      "data-slot": "topbar-breadcrumbs",
+      className: r,
+      ...t
+    }
+  )
+);
+j.displayName = "TopbarBreadcrumbs";
+const O = o(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    "span",
+    {
+      ref: a,
+      "data-slot": "topbar-metadata",
+      className: i(
+        "px-2 pt-0.5 text-xs leading-3.5 tracking-tightest text-muted-foreground",
+        r
+      ),
+      ...t
+    }
+  )
+);
+O.displayName = "TopbarMetadata";
+const H = o(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      "data-slot": "topbar-center",
+      className: i(
+        "flex min-w-0 flex-1 items-center justify-center",
+        r
+      ),
+      ...t
+    }
+  )
+);
+H.displayName = "TopbarCenter";
+const z = o(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      "data-slot": "topbar-right",
+      className: i(
+        "flex min-w-0 flex-1 items-center justify-end gap-2",
+        r
+      ),
+      ...t
+    }
+  )
+);
+z.displayName = "TopbarRight";
+const G = ["light", "dark"], P = (r) => r === "light" || r === "dark", F = o(
+  ({
+    className: r,
+    theme: t = "light",
+    onThemeChange: a,
+    availableThemes: n = G,
+    toggleThemeLabel: p = "Toggle theme",
+    lightModeTitle: m = "Light mode",
+    darkModeTitle: h = "Dark mode",
+    switchThemeLabel: b = "Switch Theme",
+    lightModeLabel: u = "Light mode",
+    darkModeLabel: g = "Dark mode",
+    ...T
+  }, f) => {
+    const x = n.includes("light"), w = n.includes("dark");
+    return n.length < 2 ? null : /* @__PURE__ */ e(
+      "div",
+      {
+        ref: f,
+        "data-slot": "topbar-theme-switcher",
+        className: i("flex items-center gap-1", r),
+        ...T,
+        children: /* @__PURE__ */ d(v, { modal: !1, children: [
+          /* @__PURE__ */ e(
+            R,
+            {
+              render: /* @__PURE__ */ e(
+                c,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  "aria-label": p,
+                  children: t === "light" ? /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e("title", { children: m }) }) : /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e("title", { children: h }) })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(S, { align: "end", className: "w-40", children: /* @__PURE__ */ d(A, { children: [
+            /* @__PURE__ */ e(L, { children: b }),
+            /* @__PURE__ */ d(
+              E,
+              {
+                value: t,
+                onValueChange: (l) => {
+                  P(l) && a?.(l);
+                },
+                children: [
+                  x ? /* @__PURE__ */ e(s, { value: "light", children: u }) : null,
+                  w ? /* @__PURE__ */ e(s, { value: "dark", children: g }) : null
+                ]
+              }
+            )
+          ] }) })
+        ] })
+      }
+    );
+  }
+);
+F.displayName = "TopbarThemeSwitcher";
+const U = o(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    c,
+    {
+      ref: a,
+      "data-slot": "topbar-action",
+      className: r,
+      ...t
+    }
+  )
+);
+U.displayName = "TopbarAction";
+export {
+  B as Topbar,
+  U as TopbarAction,
+  j as TopbarBreadcrumbs,
+  H as TopbarCenter,
+  _ as TopbarIcon,
+  C as TopbarLeft,
+  O as TopbarMetadata,
+  z as TopbarRight,
+  F as TopbarThemeSwitcher
+};

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, CardHeader, CardHeaderRight, CardIcon, CardMetadata, CardTitle, CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton, CodeBlockMetadata, Collapsible, CollapsibleContent, CollapsibleMetadata, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandMetadata, CommandSeparator, CommandShortcut, 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, 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, ScrollArea, ScrollAreaMetadata, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectMetadata, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorMetadata, Shimmer, ShimmerMetadata, Skeleton, SkeletonMetadata, Source, Sources, SourcesTitle, Textarea, TextareaMetadata, 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, Tool, ToolContent, ToolHeader, ToolInput, ToolOutput, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, usePromptInputController, } from './components';