@cognite/aura 0.3.2 → 0.3.4

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

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

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

@@ -1,81 +1,55 @@
-import { jsx as t } from "react/jsx-runtime";
-import { createContext as p, forwardRef as l, useContext as f, useMemo 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 w({
-  openDelay: o,
-  closeDelay: e,
-  ...a
-}) {
-  const r = u(
-    () => ({ openDelay: o, closeDelay: e }),
-    [o, e]
-  );
-  return /* @__PURE__ */ t(m.Provider, { value: r, children: /* @__PURE__ */ t(d.Root, { "data-slot": "hover-card", ...a }) });
+import { cn as e } from "../../../../lib/utils.js";
+import { usePortalContainer as t } from "../../../../lib/portal-container-context.js";
+import { createContext as n, forwardRef as r, useContext as i, useMemo as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { PreviewCard as s } from "@base-ui/react/preview-card";
+//#region libs/aura/src/components/ui/core/hover-card/hover-card.tsx
+var c = n(null);
+function l({ openDelay: e, closeDelay: t, ...n }) {
+	let r = a(() => ({
+		openDelay: e,
+		closeDelay: t
+	}), [e, t]);
+	return /* @__PURE__ */ o(c.Provider, {
+		value: r,
+		children: /* @__PURE__ */ o(s.Root, {
+			"data-slot": "hover-card",
+			...n
+		})
+	});
 }
-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",
-    sideOffset: a = 4,
-    align: r = "center",
-    alignOffset: n = 4,
-    ...i
-  }, s) => {
-    const c = g();
-    return /* @__PURE__ */ t(
-      d.Portal,
-      {
-        "data-slot": "hover-card-portal",
-        container: c,
-        children: /* @__PURE__ */ t(
-          d.Positioner,
-          {
-            align: r,
-            alignOffset: n,
-            side: e,
-            sideOffset: a,
-            className: "isolate z-50",
-            children: /* @__PURE__ */ t(
-              d.Popup,
-              {
-                ref: s,
-                "data-slot": "hover-card-content",
-                className: v(
-                  "bg-popover-background text-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 {
-  w as HoverCard,
-  h as HoverCardContent,
-  C as HoverCardTrigger
-};
+var u = r(({ children: e, ...t }, n) => {
+	let r = i(c), { delay: a, closeDelay: l, ...u } = t;
+	return /* @__PURE__ */ o(s.Trigger, {
+		ref: n,
+		"data-slot": "hover-card-trigger",
+		delay: a ?? r?.openDelay,
+		closeDelay: l ?? r?.closeDelay,
+		...u,
+		children: e
+	});
+});
+u.displayName = "HoverCardTrigger";
+var d = r(({ className: n, side: r = "bottom", sideOffset: i = 4, align: a = "center", alignOffset: c = 4, ...l }, u) => {
+	let d = t();
+	return /* @__PURE__ */ o(s.Portal, {
+		"data-slot": "hover-card-portal",
+		container: d,
+		children: /* @__PURE__ */ o(s.Positioner, {
+			align: a,
+			alignOffset: c,
+			side: r,
+			sideOffset: i,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ o(s.Popup, {
+				ref: u,
+				"data-slot": "hover-card-content",
+				className: e("bg-popover-background text-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", n),
+				...l
+			})
+		})
+	});
+});
+d.displayName = "HoverCardContent";
+//#endregion
+export { l as HoverCard, d as HoverCardContent, u as HoverCardTrigger };

package/dist/components/ui/core/inline-citation/inline-citation.js

@@ -1,181 +1,98 @@
-import { jsx as i, jsxs as d, Fragment as v } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { cn as o, getHostname as m } from "../../../../lib/utils.js";
-import { Badge as g } from "../badge/badge.js";
-import { HoverCard as f, HoverCardContent as x, HoverCardTrigger as b } from "../hover-card/hover-card.js";
-const h = r(
-  ({ className: e, ...n }, t) => /* @__PURE__ */ i(
-    "span",
-    {
-      ref: t,
-      "data-slot": "inline-citation",
-      className: o("group inline-flex items-center gap-1", e),
-      ...n
-    }
-  )
-);
-h.displayName = "InlineCitation";
-const C = r(
-  ({ className: e, ...n }, t) => /* @__PURE__ */ i(
-    "div",
-    {
-      ref: t,
-      "data-slot": "inline-citation-group",
-      className: o("flex flex-wrap gap-2", e),
-      ...n
-    }
-  )
-);
-C.displayName = "InlineCitationGroup";
-const N = r(
-  ({ className: e, ...n }, t) => /* @__PURE__ */ i(
-    "span",
-    {
-      ref: t,
-      "data-slot": "inline-citation-text",
-      className: o(
-        "transition-colors group-hover:bg-accent-background",
-        e
-      ),
-      ...n
-    }
-  )
-);
-N.displayName = "InlineCitationText";
-const q = (e) => /* @__PURE__ */ i(
-  f,
-  {
-    "data-slot": "inline-citation-card",
-    closeDelay: 0,
-    openDelay: 0,
-    ...e
-  }
-), B = ({
-  sources: e,
-  icon: n,
-  className: t,
-  ...a
-}) => /* @__PURE__ */ i(
-  b,
-  {
-    render: /* @__PURE__ */ d(
-      g,
-      {
-        "data-slot": "inline-citation-card-trigger",
-        className: o(
-          "ml-1 inline-flex items-center justify-center rounded-md border border-transparent bg-decorative-background-fjord px-1 text-sm leading-4.5 font-medium text-decorative-foreground-fjord whitespace-nowrap gap-1 transition-[color,box-shadow]",
-          "[&>svg]:size-3 [&>svg]:pointer-events-none",
-          t
-        ),
-        ...a,
-        children: [
-          n && /* @__PURE__ */ i(n, { className: "size-3" }),
-          e[0] ? /* @__PURE__ */ d(v, { children: [
-            m(e[0]),
-            " ",
-            e.length > 1 && `+${e.length - 1}`
-          ] }) : "unknown"
-        ]
-      }
-    )
-  }
-), D = ({
-  className: e,
-  ...n
-}) => /* @__PURE__ */ i(
-  x,
-  {
-    "data-slot": "inline-citation-card-body",
-    className: o("relative w-80 p-0", e),
-    ...n
-  }
-), k = r(
-  ({ title: e, url: n, description: t, className: a, children: l, ...s }, c) => /* @__PURE__ */ d(
-    "div",
-    {
-      ref: c,
-      "data-slot": "inline-citation-source",
-      className: o("space-y-1", a),
-      ...s,
-      children: [
-        e && /* @__PURE__ */ i("h4", { className: "truncate font-medium text-sm leading-tight", children: e }),
-        n && /* @__PURE__ */ i("p", { className: "truncate break-all text-muted-foreground text-xs", children: n }),
-        t && /* @__PURE__ */ i("p", { className: "line-clamp-3 text-muted-foreground text-sm leading-relaxed", children: t }),
-        l
-      ]
-    }
-  )
-);
-k.displayName = "InlineCitationSource";
-const y = r(
-  ({ children: e, className: n, ...t }, a) => /* @__PURE__ */ i(
-    "blockquote",
-    {
-      ref: a,
-      "data-slot": "inline-citation-quote",
-      className: o(
-        "border-muted-background border-l-2 pl-3 text-muted-foreground text-sm italic",
-        n
-      ),
-      ...t,
-      children: e
-    }
-  )
-);
-y.displayName = "InlineCitationQuote";
-const I = r(
-  ({
-    href: e,
-    target: n = "_self",
-    icon: t,
-    variant: a = "mountain",
-    className: l,
-    children: s,
-    ...c
-  }, u) => {
-    const p = m(e);
-    return /* @__PURE__ */ i(
-      "a",
-      {
-        ref: u,
-        href: e,
-        target: n,
-        rel: n === "_blank" ? "noopener noreferrer" : void 0,
-        className: "inline-flex items-stretch",
-        ...c,
-        children: /* @__PURE__ */ d(
-          g,
-          {
-            "data-slot": "inline-citation-link",
-            className: o(
-              "inline-flex items-center justify-center rounded-md border border-transparent px-1 text-sm leading-4.5 font-medium whitespace-nowrap gap-1 transition-colors",
-              "[&>svg]:size-3 [&>svg]:pointer-events-none",
-              {
-                mountain: "bg-decorative-background-mountain hover:bg-decorative-background-mountain-hover text-decorative-foreground-mountain",
-                nordic: "bg-decorative-background-nordic hover:bg-decorative-background-nordic-hover text-decorative-foreground-nordic",
-                fjord: "bg-decorative-background-fjord hover:bg-decorative-background-fjord-hover text-decorative-foreground-fjord"
-              }[a],
-              l
-            ),
-            children: [
-              t && /* @__PURE__ */ i(t, { className: "size-3" }),
-              s ?? p
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-I.displayName = "InlineCitationLink";
-export {
-  h as InlineCitation,
-  q as InlineCitationCard,
-  D as InlineCitationCardBody,
-  B as InlineCitationCardTrigger,
-  C as InlineCitationGroup,
-  I as InlineCitationLink,
-  y as InlineCitationQuote,
-  k as InlineCitationSource,
-  N as InlineCitationText
-};
+import { cn as e, getHostname as t } from "../../../../lib/utils.js";
+import { Badge as n } from "../badge/badge.js";
+import { HoverCard as r, HoverCardContent as i, HoverCardTrigger as a } from "../hover-card/hover-card.js";
+import { forwardRef as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/inline-citation/inline-citation.tsx
+var u = o(({ className: t, ...n }, r) => /* @__PURE__ */ c("span", {
+	ref: r,
+	"data-slot": "inline-citation",
+	className: e("group inline-flex items-center gap-1", t),
+	...n
+}));
+u.displayName = "InlineCitation";
+var d = o(({ className: t, ...n }, r) => /* @__PURE__ */ c("div", {
+	ref: r,
+	"data-slot": "inline-citation-group",
+	className: e("flex flex-wrap gap-2", t),
+	...n
+}));
+d.displayName = "InlineCitationGroup";
+var f = o(({ className: t, ...n }, r) => /* @__PURE__ */ c("span", {
+	ref: r,
+	"data-slot": "inline-citation-text",
+	className: e("transition-colors group-hover:bg-accent-background", t),
+	...n
+}));
+f.displayName = "InlineCitationText";
+var p = (e) => /* @__PURE__ */ c(r, {
+	"data-slot": "inline-citation-card",
+	closeDelay: 0,
+	openDelay: 0,
+	...e
+}), m = ({ sources: r, icon: i, className: o, ...u }) => /* @__PURE__ */ c(a, { render: /* @__PURE__ */ l(n, {
+	"data-slot": "inline-citation-card-trigger",
+	className: e("ml-1 inline-flex items-center justify-center rounded-md border border-transparent bg-decorative-background-fjord px-1 text-sm leading-4.5 font-medium text-decorative-foreground-fjord whitespace-nowrap gap-1 transition-[color,box-shadow]", "[&>svg]:size-3 [&>svg]:pointer-events-none", o),
+	...u,
+	children: [i && /* @__PURE__ */ c(i, { className: "size-3" }), r[0] ? /* @__PURE__ */ l(s, { children: [
+		t(r[0]),
+		" ",
+		r.length > 1 && `+${r.length - 1}`
+	] }) : "unknown"]
+}) }), h = ({ className: t, ...n }) => /* @__PURE__ */ c(i, {
+	"data-slot": "inline-citation-card-body",
+	className: e("relative w-80 p-0", t),
+	...n
+}), g = o(({ title: t, url: n, description: r, className: i, children: a, ...o }, s) => /* @__PURE__ */ l("div", {
+	ref: s,
+	"data-slot": "inline-citation-source",
+	className: e("space-y-1", i),
+	...o,
+	children: [
+		t && /* @__PURE__ */ c("h4", {
+			className: "truncate font-medium text-sm leading-tight",
+			children: t
+		}),
+		n && /* @__PURE__ */ c("p", {
+			className: "truncate break-all text-muted-foreground text-xs",
+			children: n
+		}),
+		r && /* @__PURE__ */ c("p", {
+			className: "line-clamp-3 text-muted-foreground text-sm leading-relaxed",
+			children: r
+		}),
+		a
+	]
+}));
+g.displayName = "InlineCitationSource";
+var _ = o(({ children: t, className: n, ...r }, i) => /* @__PURE__ */ c("blockquote", {
+	ref: i,
+	"data-slot": "inline-citation-quote",
+	className: e("border-muted-background border-l-2 pl-3 text-muted-foreground text-sm italic", n),
+	...r,
+	children: t
+}));
+_.displayName = "InlineCitationQuote";
+var v = o(({ href: r, target: i = "_self", icon: a, variant: o = "mountain", className: s, children: u, ...d }, f) => {
+	let p = t(r), m = {
+		mountain: "bg-decorative-background-mountain hover:bg-decorative-background-mountain-hover text-decorative-foreground-mountain",
+		nordic: "bg-decorative-background-nordic hover:bg-decorative-background-nordic-hover text-decorative-foreground-nordic",
+		fjord: "bg-decorative-background-fjord hover:bg-decorative-background-fjord-hover text-decorative-foreground-fjord"
+	};
+	return /* @__PURE__ */ c("a", {
+		ref: f,
+		href: r,
+		target: i,
+		rel: i === "_blank" ? "noopener noreferrer" : void 0,
+		className: "inline-flex items-stretch",
+		...d,
+		children: /* @__PURE__ */ l(n, {
+			"data-slot": "inline-citation-link",
+			className: e("inline-flex items-center justify-center rounded-md border border-transparent px-1 text-sm leading-4.5 font-medium whitespace-nowrap gap-1 transition-colors", "[&>svg]:size-3 [&>svg]:pointer-events-none", m[o], s),
+			children: [a && /* @__PURE__ */ c(a, { className: "size-3" }), u ?? p]
+		})
+	});
+});
+v.displayName = "InlineCitationLink";
+//#endregion
+export { u as InlineCitation, p as InlineCitationCard, h as InlineCitationCardBody, m as InlineCitationCardTrigger, d as InlineCitationGroup, v as InlineCitationLink, _ as InlineCitationQuote, g as InlineCitationSource, f as InlineCitationText };

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

@@ -1,28 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { cn as l, readOnlyState as i, disabledState as m, invalidState as n, focusState as f, filledState as p, hoverState as s, formElementBase as d } from "../../../../lib/utils.js";
-const u = o(
-  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
-    "input",
-    {
-      ref: a,
-      "data-slot": "input",
-      className: l(
-        "w-full h-9",
-        d,
-        s,
-        p,
-        f,
-        n,
-        m,
-        i,
-        t
-      ),
-      ...e
-    }
-  )
-);
+import { cn as e, disabledState as t, filledState as n, focusState as r, formElementBase as i, hoverState as a, invalidState as o, readOnlyState as s } from "../../../../lib/utils.js";
+import { forwardRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/input/input.tsx
+var u = c(({ className: c, ...u }, d) => /* @__PURE__ */ l("input", {
+	ref: d,
+	"data-slot": "input",
+	className: e("w-full h-9", i, a, n, r, o, t, s, c),
+	...u
+}));
 u.displayName = "Input";
-export {
-  u as Input
-};
+//#endregion
+export { u as Input };