@cognite/aura 0.1.7 → 0.3.0

package/dist/components/ui/core/dropdown-menu/dropdown-menu.js

@@ -1,51 +1,48 @@
 import { jsx as n, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
+import { forwardRef as i } from "react";
 import { Menu as r } from "@base-ui/react/menu";
-import { IconCheck as p, IconChevronRight as f } from "@tabler/icons-react";
-import { usePortalContainer as b } from "../../../../lib/portal-container-context.js";
+import { IconCheck as l, IconChevronRight as m } from "@tabler/icons-react";
+import { usePortalContainer as g } from "../../../../lib/portal-container-context.js";
 import { cn as d } from "../../../../lib/utils.js";
-function v({ ...e }) {
+function G({ ...e }) {
   return /* @__PURE__ */ n(r.Root, { "data-slot": "dropdown-menu", ...e });
 }
-v.displayName = "DropdownMenu";
-function l({
+function f({
   container: e,
-  ...o
+  ...t
 }) {
-  const t = b();
+  const o = g();
   return /* @__PURE__ */ n(
     r.Portal,
     {
       "data-slot": "dropdown-menu-portal",
-      container: e ?? t,
-      ...o
+      container: e ?? o,
+      ...t
     }
   );
 }
-l.displayName = "DropdownMenuPortal";
-function w({
+function L({
   children: e,
-  ...o
+  ...t
 }) {
-  return /* @__PURE__ */ n(r.Trigger, { "data-slot": "dropdown-menu-trigger", ...o, children: e });
+  return /* @__PURE__ */ n(r.Trigger, { "data-slot": "dropdown-menu-trigger", ...t, children: e });
 }
-w.displayName = "DropdownMenuTrigger";
-function m({
+function b({
   align: e = "start",
-  alignOffset: o = 0,
-  side: t = "bottom",
+  alignOffset: t = 0,
+  side: o = "bottom",
   sideOffset: a = 4,
   className: s,
-  container: i,
-  ...g
+  container: u,
+  ...p
 }) {
-  return /* @__PURE__ */ n(l, { container: i, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(f, { container: u, children: /* @__PURE__ */ n(
     r.Positioner,
     {
       className: "isolate z-50 outline-none",
       align: e,
-      alignOffset: o,
-      side: t,
+      alignOffset: t,
+      side: o,
       sideOffset: a,
       children: /* @__PURE__ */ n(
         r.Popup,
@@ -55,24 +52,22 @@ function m({
             "bg-popover-background text-foreground p-1 data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border shadow-md outline-none",
             s
           ),
-          ...g
+          ...p
         }
       )
     }
   ) });
 }
-m.displayName = "DropdownMenuContent";
-function x({ ...e }) {
+function P({ ...e }) {
   return /* @__PURE__ */ n(r.Group, { "data-slot": "dropdown-menu-group", ...e });
 }
-x.displayName = "DropdownMenuGroup";
-const h = u(({ className: e, inset: o, variant: t = "default", children: a, ...s }, i) => /* @__PURE__ */ n(
+const v = i(({ className: e, inset: t, variant: o = "default", children: a, ...s }, u) => /* @__PURE__ */ n(
   r.Item,
   {
-    ref: i,
+    ref: u,
     "data-slot": "dropdown-menu-item",
-    "data-inset": o,
-    "data-variant": t,
+    "data-inset": t,
+    "data-variant": o,
     className: d(
       "focus:bg-accent-background focus:text-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive-background-hover dark:data-[variant=destructive]:focus:bg-destructive-background-hover data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:text-destructive-foreground data-[variant=destructive]:hover:bg-destructive-background-hover dark:data-[variant=destructive]:hover:bg-destructive-background-hover [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm p-2 text-base outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
       e
@@ -81,8 +76,8 @@ const h = u(({ className: e, inset: o, variant: t = "default", children: a, ...s
     children: a
   }
 ));
-h.displayName = "DropdownMenuItem";
-const M = u(({ className: e, children: o, checked: t, ...a }, s) => /* @__PURE__ */ c(
+v.displayName = "DropdownMenuItem";
+const x = i(({ className: e, children: t, checked: o, ...a }, s) => /* @__PURE__ */ c(
   r.CheckboxItem,
   {
     ref: s,
@@ -91,16 +86,18 @@ const M = u(({ className: e, children: o, checked: t, ...a }, s) => /* @__PURE__
       "focus:bg-accent-background focus:text-foreground h-9 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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",
       e
     ),
-    checked: t,
+    checked: o,
     ...a,
     children: [
-      /* @__PURE__ */ n("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n(r.CheckboxItemIndicator, { children: /* @__PURE__ */ n(p, { className: "size-4 text-foreground" }) }) }),
-      o
+      /* @__PURE__ */ n("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n(r.CheckboxItemIndicator, { children: /* @__PURE__ */ n(l, { className: "size-4 text-foreground" }) }) }),
+      t
     ]
   }
 ));
-M.displayName = "DropdownMenuCheckboxItem";
-function D({ ...e }) {
+x.displayName = "DropdownMenuCheckboxItem";
+function T({
+  ...e
+}) {
   return /* @__PURE__ */ n(
     r.RadioGroup,
     {
@@ -109,8 +106,7 @@ function D({ ...e }) {
     }
   );
 }
-D.displayName = "DropdownMenuRadioGroup";
-const N = u(({ className: e, children: o, ...t }, a) => /* @__PURE__ */ c(
+const w = i(({ className: e, children: t, ...o }, a) => /* @__PURE__ */ c(
   r.RadioItem,
   {
     ref: a,
@@ -119,137 +115,143 @@ const N = u(({ className: e, children: o, ...t }, a) => /* @__PURE__ */ c(
       "focus:bg-accent-background focus:text-foreground h-9 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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",
       e
     ),
-    ...t,
+    ...o,
     children: [
-      /* @__PURE__ */ n("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n(r.RadioItemIndicator, { children: /* @__PURE__ */ n(p, { className: "size-4 text-foreground" }) }) }),
-      o
+      /* @__PURE__ */ n("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n(r.RadioItemIndicator, { children: /* @__PURE__ */ n(l, { className: "size-4 text-foreground" }) }) }),
+      t
     ]
   }
 ));
-N.displayName = "DropdownMenuRadioItem";
-const y = u(({ className: e, inset: o, ...t }, a) => /* @__PURE__ */ n(
+w.displayName = "DropdownMenuRadioItem";
+const h = i(({ className: e, inset: t, ...o }, a) => /* @__PURE__ */ n(
   r.GroupLabel,
   {
     ref: a,
     "data-slot": "dropdown-menu-label",
-    "data-inset": o,
+    "data-inset": t,
     className: d(
       "-mx-1 -mt-1 mb-1 px-2 py-1.5 text-sm border-b border-border font-medium data-inset:pl-8 text-foreground dark:text-foreground",
       e
     ),
-    ...t
-  }
-));
-y.displayName = "DropdownMenuLabel";
-const k = u(({ className: e, ...o }, t) => /* @__PURE__ */ n(
-  "div",
-  {
-    ref: t,
-    "data-slot": "dropdown-menu-header",
-    className: d(
-      "-mx-1 -mt-1 mb-1 flex flex-row items-center gap-2 border-b border-border px-2 py-2 pointer-events-none",
-      e
-    ),
     ...o
   }
 ));
-k.displayName = "DropdownMenuHeader";
-const z = u(({ className: e, ...o }, t) => /* @__PURE__ */ n(
+h.displayName = "DropdownMenuLabel";
+const M = i(
+  ({ className: e, ...t }, o) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: o,
+      "data-slot": "dropdown-menu-header",
+      className: d(
+        "-mx-1 -mt-1 mb-1 flex flex-row items-center gap-2 border-b border-border px-2 py-2 pointer-events-none",
+        e
+      ),
+      ...t
+    }
+  )
+);
+M.displayName = "DropdownMenuHeader";
+const D = i(({ className: e, ...t }, o) => /* @__PURE__ */ n(
   r.Separator,
   {
-    ref: t,
+    ref: o,
     "data-slot": "dropdown-menu-separator",
     className: d("bg-border -mx-1 my-1 h-px", e),
-    ...o
-  }
-));
-z.displayName = "DropdownMenuSeparator";
-const I = u(({ className: e, ...o }, t) => /* @__PURE__ */ n(
-  "span",
-  {
-    ref: t,
-    "data-slot": "dropdown-menu-shortcut",
-    className: d(
-      "text-muted-foreground ml-auto text-xs tracking-widest",
-      e
-    ),
-    ...o
+    ...t
   }
 ));
-I.displayName = "DropdownMenuShortcut";
-function S({ ...e }) {
+D.displayName = "DropdownMenuSeparator";
+const N = i(
+  ({ className: e, ...t }, o) => /* @__PURE__ */ n(
+    "span",
+    {
+      ref: o,
+      "data-slot": "dropdown-menu-shortcut",
+      className: d(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        e
+      ),
+      ...t
+    }
+  )
+);
+N.displayName = "DropdownMenuShortcut";
+function j({
+  ...e
+}) {
   return /* @__PURE__ */ n(r.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...e });
 }
-S.displayName = "DropdownMenuSub";
-const _ = u(({ className: e, inset: o, children: t, ...a }, s) => /* @__PURE__ */ c(
+const k = i(({ className: e, inset: t, children: o, ...a }, s) => /* @__PURE__ */ c(
   r.SubmenuTrigger,
   {
     ref: s,
     "data-slot": "dropdown-menu-sub-trigger",
-    "data-inset": o,
+    "data-inset": t,
     className: d(
       "focus:bg-accent-background focus:text-foreground data-open:bg-accent-background data-open:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
       e
     ),
     ...a,
     children: [
-      t,
-      /* @__PURE__ */ n(f, { className: "ml-auto size-4" })
+      o,
+      /* @__PURE__ */ n(m, { className: "ml-auto size-4" })
     ]
   }
 ));
-_.displayName = "DropdownMenuSubTrigger";
-function C({
+k.displayName = "DropdownMenuSubTrigger";
+function H({
   align: e = "start",
-  alignOffset: o = -3,
-  side: t = "right",
+  alignOffset: t = -3,
+  side: o = "right",
   sideOffset: a = 0,
   className: s,
-  ...i
+  ...u
 }) {
   return /* @__PURE__ */ n(
-    m,
+    b,
     {
       "data-slot": "dropdown-menu-sub-content",
       className: d("min-w-32 w-auto", s),
       align: e,
-      alignOffset: o,
-      side: t,
+      alignOffset: t,
+      side: o,
       sideOffset: a,
-      ...i
+      ...u
     }
   );
 }
-C.displayName = "DropdownMenuSubContent";
-const R = u(({ className: e, ...o }, t) => /* @__PURE__ */ n(
-  "div",
-  {
-    ref: t,
-    "data-slot": "dropdown-menu-section-label",
-    className: d(
-      "px-2 py-1 text-sm text-muted-foreground dark:text-muted-foreground",
-      e
-    ),
-    ...o
-  }
-));
-R.displayName = "DropdownMenuSectionLabel";
+const y = i(
+  ({ className: e, ...t }, o) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: o,
+      "data-slot": "dropdown-menu-section-label",
+      className: d(
+        "px-2 py-1 text-sm text-muted-foreground dark:text-muted-foreground",
+        e
+      ),
+      ...t
+    }
+  )
+);
+y.displayName = "DropdownMenuSectionLabel";
 export {
-  v as DropdownMenu,
-  M as DropdownMenuCheckboxItem,
-  m as DropdownMenuContent,
-  x as DropdownMenuGroup,
-  k as DropdownMenuHeader,
-  h as DropdownMenuItem,
-  y as DropdownMenuLabel,
-  l as DropdownMenuPortal,
-  D as DropdownMenuRadioGroup,
-  N as DropdownMenuRadioItem,
-  R as DropdownMenuSectionLabel,
-  z as DropdownMenuSeparator,
-  I as DropdownMenuShortcut,
-  S as DropdownMenuSub,
-  C as DropdownMenuSubContent,
-  _ as DropdownMenuSubTrigger,
-  w as DropdownMenuTrigger
+  G as DropdownMenu,
+  x as DropdownMenuCheckboxItem,
+  b as DropdownMenuContent,
+  P as DropdownMenuGroup,
+  M as DropdownMenuHeader,
+  v as DropdownMenuItem,
+  h as DropdownMenuLabel,
+  f as DropdownMenuPortal,
+  T as DropdownMenuRadioGroup,
+  w as DropdownMenuRadioItem,
+  y as DropdownMenuSectionLabel,
+  D as DropdownMenuSeparator,
+  N as DropdownMenuShortcut,
+  j as DropdownMenuSub,
+  H as DropdownMenuSubContent,
+  k as DropdownMenuSubTrigger,
+  L as DropdownMenuTrigger
 };

package/dist/components/ui/core/empty-state/empty-state.context.d.ts

@@ -0,0 +1,10 @@
+import { Context } from 'react';
+type EmptyStateType = 'error-generic' | 'new-object' | 'no-access' | 'no-results' | 'not-found' | 'new-chat' | 'unknown';
+type EmptyStateContextValue = {
+    variant: 'compact' | 'full';
+    type?: EmptyStateType;
+};
+declare const EmptyStateContext: Context<EmptyStateContextValue>;
+declare const useEmptyState: () => EmptyStateContextValue;
+export { EmptyStateContext, useEmptyState };
+export type { EmptyStateType };

package/dist/components/ui/core/empty-state/empty-state.context.js

@@ -0,0 +1,8 @@
+import { createContext as t, useContext as e } from "react";
+const o = t({
+  variant: "compact"
+}), n = () => e(o);
+export {
+  o as EmptyStateContext,
+  n as useEmptyState
+};

package/dist/components/ui/core/empty-state/empty-state.d.ts

@@ -0,0 +1,18 @@
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ReactNode } from 'react';
+import { EmptyStateType } from './empty-state.context';
+declare const EmptyState: ForwardRefExoticComponent<Omit<ComponentProps<'div'>, 'ref'> & ({
+    variant?: 'compact';
+    type?: EmptyStateType;
+} | {
+    variant: 'full';
+    type: EmptyStateType;
+}) & RefAttributes<HTMLDivElement>>;
+declare const EmptyStateIcon: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+type TitleAs = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+type EmptyStateTitleProps = ComponentProps<'h2'> & {
+    as?: TitleAs;
+};
+declare function EmptyStateTitle({ className, as: Component, ...props }: EmptyStateTitleProps): ReactNode;
+declare const EmptyStateDescription: ForwardRefExoticComponent<ComponentProps<'p'> & RefAttributes<HTMLParagraphElement>>;
+declare const EmptyStateActions: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+export { EmptyState, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, };

package/dist/components/ui/core/empty-state/empty-state.js

@@ -0,0 +1,139 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as g, useMemo as d } from "react";
+import { IconQuestionMark as u, IconMessageDots as p, IconZoomQuestion as f, IconSearchOff as x, IconLock as y, IconPlus as k, IconAlertOctagon as v } from "@tabler/icons-react";
+import { cn as s } from "../../../../lib/utils.js";
+import { EmptyStateContext as h, useEmptyState as m } from "./empty-state.context.js";
+const w = {
+  "error-generic": "[background-image:var(--gradient-fall)]",
+  "new-object": "[background-image:var(--gradient-spring)]",
+  "no-access": "[background-image:var(--gradient-fall)]",
+  "no-results": "[background-image:var(--gradient-spring)]",
+  "not-found": "[background-image:var(--gradient-spring)]",
+  "new-chat": "[background-image:var(--gradient-summer)]",
+  unknown: "[background-image:var(--gradient-spring)]"
+}, b = {
+  "error-generic": /* @__PURE__ */ t(v, {}),
+  "new-object": /* @__PURE__ */ t(k, {}),
+  "no-access": /* @__PURE__ */ t(y, {}),
+  "no-results": /* @__PURE__ */ t(x, {}),
+  "not-found": /* @__PURE__ */ t(f, {}),
+  "new-chat": /* @__PURE__ */ t(p, {}),
+  unknown: /* @__PURE__ */ t(u, {})
+}, S = g(
+  ({ className: n, variant: e = "compact", type: a, children: o, ...i }, r) => {
+    const c = e === "full", l = d(() => ({ variant: e, type: a }), [e, a]);
+    return /* @__PURE__ */ t(h.Provider, { value: l, children: /* @__PURE__ */ t(
+      "div",
+      {
+        ref: r,
+        "data-slot": "empty-state",
+        "data-variant": e,
+        className: s(
+          "flex min-w-0 flex-col items-center text-center text-foreground",
+          c ? "gap-8 p-10" : "gap-2",
+          !c && "w-full max-w-100",
+          n
+        ),
+        ...i,
+        children: o
+      }
+    ) });
+  }
+);
+S.displayName = "EmptyState";
+const E = g(
+  ({ className: n, children: e, ...a }, o) => {
+    const { variant: i, type: r } = m(), c = i === "full", l = e ?? (r ? b[r] : null);
+    return c ? /* @__PURE__ */ t(
+      "div",
+      {
+        ref: o,
+        "data-slot": "empty-state-icon",
+        className: s(
+          "flex size-20 shrink-0 items-center justify-center rounded-2xl p-5 text-foreground [&_svg]:size-10 [&_svg]:stroke-[1.75]",
+          r && w[r],
+          n
+        ),
+        ...a,
+        children: l
+      }
+    ) : /* @__PURE__ */ t(
+      "div",
+      {
+        ref: o,
+        "data-slot": "empty-state-icon",
+        className: s(
+          "flex size-6 shrink-0 items-center justify-center text-muted-foreground [&_svg]:size-6 [&_svg]:stroke-[1.75]",
+          n
+        ),
+        ...a,
+        children: l
+      }
+    );
+  }
+);
+E.displayName = "EmptyStateIcon";
+function A({
+  className: n,
+  as: e = "h2",
+  ...a
+}) {
+  const { variant: o } = m();
+  return /* @__PURE__ */ t(
+    e,
+    {
+      "data-slot": "empty-state-title",
+      className: s(
+        "max-w-100 break-words font-medium text-foreground",
+        o === "full" ? "text-xl leading-6 tracking-tightest" : "text-base leading-5 tracking-tighter",
+        n
+      ),
+      ...a
+    }
+  );
+}
+const I = g(
+  ({ className: n, ...e }, a) => {
+    const { variant: o } = m();
+    return /* @__PURE__ */ t(
+      "p",
+      {
+        ref: a,
+        "data-slot": "empty-state-description",
+        className: s(
+          "max-w-100 break-words text-muted-foreground",
+          o === "full" ? "text-lg leading-6 tracking-tightest" : "text-sm leading-4.5 tracking-tight",
+          n
+        ),
+        ...e
+      }
+    );
+  }
+);
+I.displayName = "EmptyStateDescription";
+const N = g(
+  ({ className: n, ...e }, a) => {
+    const { variant: o } = m();
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: a,
+        "data-slot": "empty-state-actions",
+        className: s(
+          "flex flex-col items-center",
+          o === "compact" ? "gap-2" : "gap-4",
+          n
+        ),
+        ...e
+      }
+    );
+  }
+);
+N.displayName = "EmptyStateActions";
+export {
+  S as EmptyState,
+  N as EmptyStateActions,
+  I as EmptyStateDescription,
+  E as EmptyStateIcon,
+  A as EmptyStateTitle
+};

package/dist/components/ui/core/helper-text/helper-text.d.ts

@@ -1,12 +1,14 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, HTMLAttributes, ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
-declare const helperTextVariants: (props?: ({
-    size?: "sm" | "xs" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+import { ClassProp } from 'class-variance-authority/types';
+interface HelperTextVariantProps {
+    size?: 'xs' | 'sm' | null;
+}
+declare const helperTextVariants: (props?: (HelperTextVariantProps & ClassProp) | undefined) => string;
 interface HelperTextProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof helperTextVariants> {
     isError?: boolean;
     isSuccess?: boolean;
     icon?: ReactNode;
 }
-declare const HelperText: import('react').ForwardRefExoticComponent<HelperTextProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const HelperText: ForwardRefExoticComponent<HelperTextProps & RefAttributes<HTMLDivElement>>;
 export { HelperText };

package/dist/components/ui/core/hover-card/hover-card.d.ts

@@ -1,12 +1,10 @@
-import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
+import { PreviewCardPopupProps, PreviewCardPositionerProps, PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
 type HoverCardDelay = {
     openDelay?: number;
     closeDelay?: number;
 };
-declare function HoverCard({ openDelay, closeDelay, ...props }: PreviewCardPrimitive.Root.Props & HoverCardDelay): import("react/jsx-runtime").JSX.Element;
-declare namespace HoverCard {
-    var displayName: string;
-}
-declare const HoverCardTrigger: import('react').ForwardRefExoticComponent<Omit<PreviewCardPrimitive.Trigger.Props<unknown>, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
-declare const HoverCardContent: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').PreviewCardPopupProps & Pick<import('@base-ui/react').PreviewCardPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare function HoverCard({ openDelay, closeDelay, ...props }: PreviewCardPrimitive.Root.Props & HoverCardDelay): ReactNode;
+declare const HoverCardTrigger: ForwardRefExoticComponent<Omit<PreviewCardPrimitive.Trigger.Props<unknown>, 'ref'> & RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: ForwardRefExoticComponent<Omit<PreviewCardPopupProps & Pick<PreviewCardPositionerProps, 'align' | 'alignOffset' | 'side' | 'sideOffset'>, 'ref'> & RefAttributes<HTMLDivElement>>;
 export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/ui/core/hover-card/hover-card.js

@@ -1,37 +1,38 @@
 import { jsx as t } from "react/jsx-runtime";
-import { createContext as p, forwardRef as l, useContext as f, useMemo as u } from "react";
+import { useMemo as p, forwardRef as l, useContext as f, createContext as u } from "react";
 import { PreviewCard as d } from "@base-ui/react/preview-card";
 import { usePortalContainer as g } from "../../../../lib/portal-container-context.js";
 import { cn as v } from "../../../../lib/utils.js";
-const m = p(null);
-function C({
+const m = u(null);
+function w({
   openDelay: o,
   closeDelay: e,
   ...a
 }) {
-  const r = u(
+  const r = p(
     () => ({ openDelay: o, closeDelay: e }),
     [o, e]
   );
   return /* @__PURE__ */ t(m.Provider, { value: r, children: /* @__PURE__ */ t(d.Root, { "data-slot": "hover-card", ...a }) });
 }
-C.displayName = "HoverCard";
-const h = l(({ children: o, ...e }, a) => {
-  const r = f(m), { delay: n, closeDelay: i, ...s } = e;
-  return /* @__PURE__ */ t(
-    d.Trigger,
-    {
-      ref: a,
-      "data-slot": "hover-card-trigger",
-      delay: n ?? r?.openDelay,
-      closeDelay: i ?? r?.closeDelay,
-      ...s,
-      children: o
-    }
-  );
-});
-h.displayName = "HoverCardTrigger";
-const y = l(
+const C = l(
+  ({ children: o, ...e }, a) => {
+    const r = f(m), { delay: n, closeDelay: i, ...s } = e;
+    return /* @__PURE__ */ t(
+      d.Trigger,
+      {
+        ref: a,
+        "data-slot": "hover-card-trigger",
+        delay: n ?? r?.openDelay,
+        closeDelay: i ?? r?.closeDelay,
+        ...s,
+        children: o
+      }
+    );
+  }
+);
+C.displayName = "HoverCardTrigger";
+const h = l(
   ({
     className: o,
     side: e = "bottom",
@@ -72,9 +73,9 @@ const y = l(
     );
   }
 );
-y.displayName = "HoverCardContent";
+h.displayName = "HoverCardContent";
 export {
-  C as HoverCard,
-  y as HoverCardContent,
-  h as HoverCardTrigger
+  w as HoverCard,
+  h as HoverCardContent,
+  C as HoverCardTrigger
 };