@cognite/aura 0.1.0

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

@@ -0,0 +1,155 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { Dialog as a } from "@base-ui/react/dialog";
+import { IconX as d } from "@tabler/icons-react";
+import { cn as i, getPortalContainer as c } from "../../../../lib/utils.js";
+function y({ ...t }) {
+  return /* @__PURE__ */ e(a.Root, { "data-slot": "dialog", ...t });
+}
+function D({ children: t, ...o }) {
+  return /* @__PURE__ */ e(a.Trigger, { "data-slot": "dialog-trigger", ...o, children: t });
+}
+function g({ ...t }) {
+  return /* @__PURE__ */ e(
+    a.Portal,
+    {
+      "data-slot": "dialog-portal",
+      ...t,
+      container: c()
+    }
+  );
+}
+function b({
+  children: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e(a.Close, { "data-slot": "dialog-close", ...o, children: t });
+}
+function u({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    a.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: i(
+        "fixed inset-0 z-50 bg-black/50 transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0",
+        t
+      ),
+      ...o
+    }
+  );
+}
+function h({
+  className: t,
+  children: o,
+  showCloseButton: l = !0,
+  closeButtonLabel: r = "Close",
+  ...s
+}) {
+  return /* @__PURE__ */ n(g, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ e(u, {}),
+    /* @__PURE__ */ n(
+      a.Popup,
+      {
+        "data-slot": "dialog-content",
+        className: i(
+          "bg-popover fixed inset-x-4 top-1/2 z-50 grid -translate-y-1/2 rounded-xl border px-5 py-5 mb-2.5 shadow-xl outline-none transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0 sm:inset-x-0 sm:left-1/2 sm:w-full sm:max-w-lg sm:-translate-x-1/2",
+          t
+        ),
+        ...s,
+        children: [
+          o,
+          l && /* @__PURE__ */ e(
+            a.Close,
+            {
+              "data-slot": "dialog-close",
+              render: /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": r,
+                  className: "ring-offset-background focus:ring-ring data-open:bg-accent data-open:text-muted-foreground text-foreground absolute top-5 right-4 flex size-7 items-center justify-center rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
+                  children: [
+                    /* @__PURE__ */ e(d, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ e("span", { className: "sr-only", children: r })
+                  ]
+                }
+              )
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function v({ className: t, ...o }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: i(
+        "flex flex-col gap-2 text-center sm:text-left pb-2",
+        t
+      ),
+      ...o
+    }
+  );
+}
+function N({ className: t, ...o }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: i(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-3",
+        t
+      ),
+      ...o
+    }
+  );
+}
+function k({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    a.Title,
+    {
+      "data-slot": "dialog-title",
+      className: i(
+        "text-lg font-medium text-foreground leading-6 tracking-tightest",
+        t
+      ),
+      ...o
+    }
+  );
+}
+function C({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    a.Description,
+    {
+      "data-slot": "dialog-description",
+      className: i(
+        "text-muted-foreground text-base font-normal leading-5 tracking-tightest pt-2",
+        t
+      ),
+      ...o
+    }
+  );
+}
+export {
+  y as Dialog,
+  b as DialogClose,
+  h as DialogContent,
+  C as DialogDescription,
+  N as DialogFooter,
+  v as DialogHeader,
+  u as DialogOverlay,
+  g as DialogPortal,
+  k as DialogTitle,
+  D as DialogTrigger
+};

package/dist/components/ui/core/dialog/dialog.metadata.d.ts

@@ -0,0 +1,2 @@
+import { ComponentMeta } from '../../../../lib/types';
+export declare const DialogMetadata: ComponentMeta;

package/dist/components/ui/core/dialog/dialog.metadata.js

@@ -0,0 +1,9 @@
+const a = {
+  name: "Dialog",
+  status: "in-progress-code-review",
+  description: "A modal dialog with overlay, content, and close affordances built on Base UI Dialog.",
+  llmUsage: "Use `<Dialog>` with `<DialogTrigger>`, `<DialogContent>`, and `<DialogTitle>` for modals."
+};
+export {
+  a as DialogMetadata
+};

package/dist/components/ui/core/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,53 @@
+import { ComponentProps, HTMLAttributes } from 'react';
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare namespace DropdownMenu {
+    var displayName: string;
+}
+declare function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+declare namespace DropdownMenuPortal {
+    var displayName: string;
+}
+declare function DropdownMenuTrigger({ children, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare namespace DropdownMenuTrigger {
+    var displayName: string;
+}
+declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, container, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'> & {
+    container?: MenuPrimitive.Portal.Props['container'];
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace DropdownMenuContent {
+    var displayName: string;
+}
+declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare namespace DropdownMenuGroup {
+    var displayName: string;
+}
+declare const DropdownMenuItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuItemProps & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const DropdownMenuCheckboxItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuCheckboxItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
+declare namespace DropdownMenuRadioGroup {
+    var displayName: string;
+}
+declare const DropdownMenuRadioItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const DropdownMenuLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupLabelProps & {
+    inset?: boolean;
+}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuHeader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
+declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): import("react/jsx-runtime").JSX.Element;
+declare namespace DropdownMenuSub {
+    var displayName: string;
+}
+declare const DropdownMenuSubTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps & {
+    inset?: boolean;
+}, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: ComponentProps<typeof DropdownMenuContent>): import("react/jsx-runtime").JSX.Element;
+declare namespace DropdownMenuSubContent {
+    var displayName: string;
+}
+declare const DropdownMenuSectionLabel: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuSectionLabel, };

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

@@ -0,0 +1,250 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { Menu as r } from "@base-ui/react/menu";
+import { IconCheck as c, IconChevronRight as f } from "@tabler/icons-react";
+import { cn as d, getPortalContainer as v } from "../../../../lib/utils.js";
+function w({ ...e }) {
+  return /* @__PURE__ */ o(r.Root, { "data-slot": "dropdown-menu", ...e });
+}
+w.displayName = "DropdownMenu";
+function l({ ...e }) {
+  return /* @__PURE__ */ o(
+    r.Portal,
+    {
+      "data-slot": "dropdown-menu-portal",
+      container: v(),
+      ...e
+    }
+  );
+}
+l.displayName = "DropdownMenuPortal";
+function b({
+  children: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(r.Trigger, { "data-slot": "dropdown-menu-trigger", ...t, children: e });
+}
+b.displayName = "DropdownMenuTrigger";
+function m({
+  align: e = "start",
+  alignOffset: t = 0,
+  side: n = "bottom",
+  sideOffset: a = 4,
+  className: s,
+  container: u,
+  ...g
+}) {
+  return /* @__PURE__ */ o(l, { container: u, children: /* @__PURE__ */ o(
+    r.Positioner,
+    {
+      className: "isolate z-50 outline-none",
+      align: e,
+      alignOffset: t,
+      side: n,
+      sideOffset: a,
+      children: /* @__PURE__ */ o(
+        r.Popup,
+        {
+          "data-slot": "dropdown-menu-content",
+          className: d(
+            "bg-popover text-popover-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
+        }
+      )
+    }
+  ) });
+}
+m.displayName = "DropdownMenuContent";
+function x({ ...e }) {
+  return /* @__PURE__ */ o(r.Group, { "data-slot": "dropdown-menu-group", ...e });
+}
+x.displayName = "DropdownMenuGroup";
+const h = i(({ className: e, inset: t, variant: n = "default", children: a, ...s }, u) => /* @__PURE__ */ o(
+  r.Item,
+  {
+    ref: u,
+    "data-slot": "dropdown-menu-item",
+    "data-inset": t,
+    "data-variant": n,
+    className: d(
+      "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive-hover dark:data-[variant=destructive]:focus:bg-destructive-hover data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:text-destructive-foreground data-[variant=destructive]:hover:bg-destructive-hover dark:data-[variant=destructive]:hover:bg-destructive-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
+    ),
+    ...s,
+    children: a
+  }
+));
+h.displayName = "DropdownMenuItem";
+const M = i(({ className: e, children: t, checked: n, ...a }, s) => /* @__PURE__ */ p(
+  r.CheckboxItem,
+  {
+    ref: s,
+    "data-slot": "dropdown-menu-checkbox-item",
+    className: d(
+      "focus:bg-accent focus:text-accent-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: n,
+    ...a,
+    children: [
+      /* @__PURE__ */ o("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o(r.CheckboxItemIndicator, { children: /* @__PURE__ */ o(c, { className: "size-4 text-popover-foreground" }) }) }),
+      t
+    ]
+  }
+));
+M.displayName = "DropdownMenuCheckboxItem";
+function D({ ...e }) {
+  return /* @__PURE__ */ o(
+    r.RadioGroup,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...e
+    }
+  );
+}
+D.displayName = "DropdownMenuRadioGroup";
+const N = i(({ className: e, children: t, ...n }, a) => /* @__PURE__ */ p(
+  r.RadioItem,
+  {
+    ref: a,
+    "data-slot": "dropdown-menu-radio-item",
+    className: d(
+      "focus:bg-accent focus:text-accent-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
+    ),
+    ...n,
+    children: [
+      /* @__PURE__ */ o("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o(r.RadioItemIndicator, { children: /* @__PURE__ */ o(c, { className: "size-4 text-popover-foreground" }) }) }),
+      t
+    ]
+  }
+));
+N.displayName = "DropdownMenuRadioItem";
+const y = i(({ className: e, inset: t, ...n }, a) => /* @__PURE__ */ o(
+  r.GroupLabel,
+  {
+    ref: a,
+    "data-slot": "dropdown-menu-label",
+    "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-popover-foreground dark:text-popover-foreground",
+      e
+    ),
+    ...n
+  }
+));
+y.displayName = "DropdownMenuLabel";
+const z = i(({ className: e, ...t }, n) => /* @__PURE__ */ o(
+  "div",
+  {
+    ref: n,
+    "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
+  }
+));
+z.displayName = "DropdownMenuHeader";
+const k = i(({ className: e, ...t }, n) => /* @__PURE__ */ o(
+  r.Separator,
+  {
+    ref: n,
+    "data-slot": "dropdown-menu-separator",
+    className: d("bg-border -mx-1 my-1 h-px", e),
+    ...t
+  }
+));
+k.displayName = "DropdownMenuSeparator";
+const I = i(({ className: e, ...t }, n) => /* @__PURE__ */ o(
+  "span",
+  {
+    ref: n,
+    "data-slot": "dropdown-menu-shortcut",
+    className: d(
+      "text-muted-foreground ml-auto text-xs tracking-widest",
+      e
+    ),
+    ...t
+  }
+));
+I.displayName = "DropdownMenuShortcut";
+function S({ ...e }) {
+  return /* @__PURE__ */ o(r.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...e });
+}
+S.displayName = "DropdownMenuSub";
+const _ = i(({ className: e, inset: t, children: n, ...a }, s) => /* @__PURE__ */ p(
+  r.SubmenuTrigger,
+  {
+    ref: s,
+    "data-slot": "dropdown-menu-sub-trigger",
+    "data-inset": t,
+    className: d(
+      "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-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: [
+      n,
+      /* @__PURE__ */ o(f, { className: "ml-auto size-4" })
+    ]
+  }
+));
+_.displayName = "DropdownMenuSubTrigger";
+function C({
+  align: e = "start",
+  alignOffset: t = -3,
+  side: n = "right",
+  sideOffset: a = 0,
+  className: s,
+  ...u
+}) {
+  return /* @__PURE__ */ o(
+    m,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: d("min-w-32 w-auto", s),
+      align: e,
+      alignOffset: t,
+      side: n,
+      sideOffset: a,
+      ...u
+    }
+  );
+}
+C.displayName = "DropdownMenuSubContent";
+const R = i(({ className: e, ...t }, n) => /* @__PURE__ */ o(
+  "div",
+  {
+    ref: n,
+    "data-slot": "dropdown-menu-section-label",
+    className: d(
+      "px-2 py-1 text-sm text-muted-foreground dark:text-muted-foreground",
+      e
+    ),
+    ...t
+  }
+));
+R.displayName = "DropdownMenuSectionLabel";
+export {
+  w as DropdownMenu,
+  M as DropdownMenuCheckboxItem,
+  m as DropdownMenuContent,
+  x as DropdownMenuGroup,
+  z as DropdownMenuHeader,
+  h as DropdownMenuItem,
+  y as DropdownMenuLabel,
+  l as DropdownMenuPortal,
+  D as DropdownMenuRadioGroup,
+  N as DropdownMenuRadioItem,
+  R as DropdownMenuSectionLabel,
+  k as DropdownMenuSeparator,
+  I as DropdownMenuShortcut,
+  S as DropdownMenuSub,
+  C as DropdownMenuSubContent,
+  _ as DropdownMenuSubTrigger,
+  b as DropdownMenuTrigger
+};

package/dist/components/ui/core/dropdown-menu/dropdown-menu.metadata.d.ts

@@ -0,0 +1,2 @@
+import { ComponentMeta } from '../../../../lib/types';
+export declare const DropdownMenuMetadata: ComponentMeta;

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

@@ -0,0 +1,9 @@
+const e = {
+  name: "DropdownMenu",
+  status: "in-progress-code-review",
+  description: "A dropdown menu with submenus, separators, and selection states, built on Base UI Dropdown Menu primitives.",
+  llmUsage: "Use `<DropdownMenu>` with `<DropdownMenuTrigger>`, `<DropdownMenuContent>`, and `<DropdownMenuItem>` for context actions."
+};
+export {
+  e as DropdownMenuMetadata
+};

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

@@ -0,0 +1,12 @@
+import { 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;
+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>>;
+export { HelperText };

package/dist/components/ui/core/helper-text/helper-text.js

@@ -0,0 +1,65 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as g, isValidElement as u } from "react";
+import { IconExclamationCircle as h } from "@tabler/icons-react";
+import { cva as i } from "class-variance-authority";
+import { cn as n } from "../../../../lib/utils.js";
+const v = i("flex flex-row justify-start items-start", {
+  variants: {
+    size: {
+      xs: "gap-0.5 text-xs leading-3.5 tracking-tightest",
+      sm: "gap-1 text-sm leading-4.5 tracking-tight"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+}), V = i("shrink-0", {
+  variants: {
+    size: {
+      xs: "[&_svg]:size-3.5",
+      sm: "[&_svg]:size-4"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+}), z = g(
+  ({
+    className: o,
+    size: t = "sm",
+    isError: s = !1,
+    isSuccess: l = !1,
+    icon: m,
+    children: c,
+    ...x
+  }, d) => {
+    const a = m ?? (s ? /* @__PURE__ */ e(h, {}) : null), f = u(a), r = s ? "text-destructive-foreground" : l ? "text-success-foreground" : "text-muted-foreground";
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        ref: d,
+        "data-slot": "helper-text",
+        className: n(v({ size: t }), o),
+        ...x,
+        children: [
+          f ? /* @__PURE__ */ e(
+            "span",
+            {
+              className: n(
+                V({ size: t }),
+                t === "sm" && "mt-0.25",
+                r
+              ),
+              children: a
+            }
+          ) : null,
+          /* @__PURE__ */ e("span", { className: r, children: c })
+        ]
+      }
+    );
+  }
+);
+z.displayName = "HelperText";
+export {
+  z as HelperText
+};

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

@@ -0,0 +1,2 @@
+import { ComponentMeta } from '../../../../lib/types';
+export declare const HelperTextMetadata: ComponentMeta;

package/dist/components/ui/core/helper-text/helper-text.metadata.js

@@ -0,0 +1,9 @@
+const e = {
+  name: "HelperText",
+  status: "in-progress-code-review",
+  description: "A helper text component for form fields with validation states.",
+  llmUsage: "Use `<HelperText>` below form inputs to provide guidance or error messages."
+};
+export {
+  e as HelperTextMetadata
+};

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

@@ -0,0 +1,12 @@
+import { 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>>;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

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

@@ -0,0 +1,76 @@
+import { jsx as t } from "react/jsx-runtime";
+import { createContext as c, forwardRef as s, useContext as p, useMemo as f } from "react";
+import { PreviewCard as d } from "@base-ui/react/preview-card";
+import { getPortalContainer as g, cn as v } from "../../../../lib/utils.js";
+const m = c(null);
+function u({
+  openDelay: o,
+  closeDelay: e,
+  ...a
+}) {
+  const r = f(
+    () => ({ openDelay: o, closeDelay: e }),
+    [o, e]
+  );
+  return /* @__PURE__ */ t(m.Provider, { value: r, children: /* @__PURE__ */ t(d.Root, { "data-slot": "hover-card", ...a }) });
+}
+u.displayName = "HoverCard";
+const C = s(({ children: o, ...e }, a) => {
+  const r = p(m), { delay: n, closeDelay: i, ...l } = e;
+  return /* @__PURE__ */ t(
+    d.Trigger,
+    {
+      ref: a,
+      "data-slot": "hover-card-trigger",
+      delay: n ?? r?.openDelay,
+      closeDelay: i ?? r?.closeDelay,
+      ...l,
+      children: o
+    }
+  );
+});
+C.displayName = "HoverCardTrigger";
+const h = s(
+  ({
+    className: o,
+    side: e = "bottom",
+    sideOffset: a = 4,
+    align: r = "center",
+    alignOffset: n = 4,
+    ...i
+  }, l) => /* @__PURE__ */ t(
+    d.Portal,
+    {
+      "data-slot": "hover-card-portal",
+      container: g(),
+      children: /* @__PURE__ */ t(
+        d.Positioner,
+        {
+          align: r,
+          alignOffset: n,
+          side: e,
+          sideOffset: a,
+          className: "isolate z-50",
+          children: /* @__PURE__ */ t(
+            d.Popup,
+            {
+              ref: l,
+              "data-slot": "hover-card-content",
+              className: v(
+                "bg-popover text-popover-foreground 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 w-64 origin-[var(--transform-origin)] rounded-md border p-4 shadow-md outline-none",
+                o
+              ),
+              ...i
+            }
+          )
+        }
+      )
+    }
+  )
+);
+h.displayName = "HoverCardContent";
+export {
+  u as HoverCard,
+  h as HoverCardContent,
+  C as HoverCardTrigger
+};

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

@@ -0,0 +1,2 @@
+import { ComponentMeta } from '../../../../lib/types';
+export declare const HoverCardMetadata: ComponentMeta;