@cognite/aura 0.3.2 → 0.3.4

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

@@ -1,159 +1,92 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { Popover as n } from "@base-ui/react/popover";
-import { IconX as m } from "@tabler/icons-react";
-import { usePortalContainer as f } from "../../../../lib/portal-container-context.js";
-import { cn as s } from "../../../../lib/utils.js";
-import { Button as v } from "../button/button.js";
-function j(e) {
-  return /* @__PURE__ */ r(n.Root, { "data-slot": "popover", ...e });
+import { cn as e } from "../../../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { usePortalContainer as n } from "../../../../lib/portal-container-context.js";
+import { forwardRef as r } from "react";
+import { IconX as i } from "@tabler/icons-react";
+import { jsx as a } from "react/jsx-runtime";
+import { Popover as o } from "@base-ui/react/popover";
+//#region libs/aura/src/components/ui/core/popover/popover.tsx
+function s(e) {
+	return /* @__PURE__ */ a(o.Root, {
+		"data-slot": "popover",
+		...e
+	});
 }
-function D({
-  children: e,
-  ...o
-}) {
-  return /* @__PURE__ */ r(n.Trigger, { "data-slot": "popover-trigger", ...o, children: e });
+function c({ children: e, ...t }) {
+	return /* @__PURE__ */ a(o.Trigger, {
+		"data-slot": "popover-trigger",
+		...t,
+		children: e
+	});
 }
-const u = a(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ r(
-    "div",
-    {
-      ref: t,
-      "data-slot": "popover-header",
-      className: s(
-        "flex flex-col items-start gap-2 self-stretch",
-        e
-      ),
-      ...o
-    }
-  )
-);
-u.displayName = "PopoverHeader";
-const g = a(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ r(
-    "div",
-    {
-      ref: t,
-      "data-slot": "popover-header-content",
-      className: s(
-        "flex items-start justify-between self-stretch",
-        e
-      ),
-      ...o
-    }
-  )
-);
-g.displayName = "PopoverHeaderContent";
-const h = a(
-  ({ className: e, children: o, ...t }, i) => /* @__PURE__ */ r(
-    "h3",
-    {
-      ref: i,
-      "data-slot": "popover-title",
-      className: s(
-        "flex h-7 flex-1 flex-col justify-center self-stretch overflow-hidden text-ellipsis whitespace-nowrap text-base font-medium text-foreground leading-5 tracking-tighter",
-        e
-      ),
-      ...t,
-      children: o
-    }
-  )
-);
-h.displayName = "PopoverTitle";
-const P = a(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ r(
-    "p",
-    {
-      ref: t,
-      "data-slot": "popover-description",
-      className: s(
-        "self-stretch text-sm font-normal text-secondary-foreground leading-[18px] tracking-tight",
-        e
-      ),
-      ...o
-    }
-  )
-);
-P.displayName = "PopoverDescription";
-const x = a(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ r(
-    "div",
-    {
-      ref: t,
-      "data-slot": "popover-slot",
-      className: s(
-        "flex flex-col items-start gap-3 self-stretch",
-        e
-      ),
-      ...o
-    }
-  )
-);
-x.displayName = "PopoverSlot";
-const N = a(
-  ({ className: e, children: o, "aria-label": t = "Close", ...i }, l) => /* @__PURE__ */ r(
-    n.Close,
-    {
-      "data-slot": "popover-close",
-      render: /* @__PURE__ */ r(
-        v,
-        {
-          ref: l,
-          variant: "ghost",
-          size: "icon-sm",
-          className: s("h-7 w-7 shrink-0", e),
-          "aria-label": t,
-          ...i,
-          children: o ?? /* @__PURE__ */ r(m, { className: "h-4 w-4" })
-        }
-      )
-    }
-  )
-);
-N.displayName = "PopoverClose";
-const b = a(
-  ({
-    className: e,
-    align: o = "center",
-    alignOffset: t = 0,
-    side: i = "bottom",
-    sideOffset: l = 4,
-    ...p
-  }, d) => {
-    const c = f();
-    return /* @__PURE__ */ r(n.Portal, { container: c, children: /* @__PURE__ */ r(
-      n.Positioner,
-      {
-        align: o,
-        alignOffset: t,
-        side: i,
-        sideOffset: l,
-        className: "isolate z-50",
-        children: /* @__PURE__ */ r(
-          n.Popup,
-          {
-            ref: d,
-            "data-slot": "popover-content",
-            className: s(
-              "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 flex w-72 flex-col items-start origin-[var(--transform-origin)] rounded-xl border border-border p-4 gap-2 shadow-default outline-none",
-              e
-            ),
-            ...p
-          }
-        )
-      }
-    ) });
-  }
-);
-b.displayName = "PopoverContent";
-export {
-  j as Popover,
-  N as PopoverClose,
-  b as PopoverContent,
-  P as PopoverDescription,
-  u as PopoverHeader,
-  g as PopoverHeaderContent,
-  x as PopoverSlot,
-  h as PopoverTitle,
-  D as PopoverTrigger
-};
+var l = r(({ className: t, ...n }, r) => /* @__PURE__ */ a("div", {
+	ref: r,
+	"data-slot": "popover-header",
+	className: e("flex flex-col items-start gap-2 self-stretch", t),
+	...n
+}));
+l.displayName = "PopoverHeader";
+var u = r(({ className: t, ...n }, r) => /* @__PURE__ */ a("div", {
+	ref: r,
+	"data-slot": "popover-header-content",
+	className: e("flex items-start justify-between self-stretch", t),
+	...n
+}));
+u.displayName = "PopoverHeaderContent";
+var d = r(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ a("h3", {
+	ref: i,
+	"data-slot": "popover-title",
+	className: e("flex h-7 flex-1 flex-col justify-center self-stretch overflow-hidden text-ellipsis whitespace-nowrap text-base font-medium text-foreground leading-5 tracking-tighter", t),
+	...r,
+	children: n
+}));
+d.displayName = "PopoverTitle";
+var f = r(({ className: t, ...n }, r) => /* @__PURE__ */ a("p", {
+	ref: r,
+	"data-slot": "popover-description",
+	className: e("self-stretch text-sm font-normal text-secondary-foreground leading-[18px] tracking-tight", t),
+	...n
+}));
+f.displayName = "PopoverDescription";
+var p = r(({ className: t, ...n }, r) => /* @__PURE__ */ a("div", {
+	ref: r,
+	"data-slot": "popover-slot",
+	className: e("flex flex-col items-start gap-3 self-stretch", t),
+	...n
+}));
+p.displayName = "PopoverSlot";
+var m = r(({ className: n, children: r, "aria-label": s = "Close", ...c }, l) => /* @__PURE__ */ a(o.Close, {
+	"data-slot": "popover-close",
+	render: /* @__PURE__ */ a(t, {
+		ref: l,
+		variant: "ghost",
+		size: "icon-sm",
+		className: e("h-7 w-7 shrink-0", n),
+		"aria-label": s,
+		...c,
+		children: r ?? /* @__PURE__ */ a(i, { className: "h-4 w-4" })
+	})
+}));
+m.displayName = "PopoverClose";
+var h = r(({ className: t, align: r = "center", alignOffset: i = 0, side: s = "bottom", sideOffset: c = 4, ...l }, u) => {
+	let d = n();
+	return /* @__PURE__ */ a(o.Portal, {
+		container: d,
+		children: /* @__PURE__ */ a(o.Positioner, {
+			align: r,
+			alignOffset: i,
+			side: s,
+			sideOffset: c,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ a(o.Popup, {
+				ref: u,
+				"data-slot": "popover-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 flex w-72 flex-col items-start origin-[var(--transform-origin)] rounded-xl border border-border p-4 gap-2 shadow-default outline-none", t),
+				...l
+			})
+		})
+	});
+});
+h.displayName = "PopoverContent";
+//#endregion
+export { s as Popover, m as PopoverClose, h as PopoverContent, f as PopoverDescription, l as PopoverHeader, u as PopoverHeaderContent, p as PopoverSlot, d as PopoverTitle, c as PopoverTrigger };

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

@@ -1,61 +1,36 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-import { Progress as s } from "@base-ui/react/progress";
-import { cva as b } from "class-variance-authority";
-import { cn as l } from "../../../../lib/utils.js";
-const k = b(
-  "relative w-full overflow-hidden rounded-full bg-muted-background",
-  {
-    variants: {
-      size: {
-        default: "h-2",
-        sm: "h-1"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-), v = h(
-  ({
-    className: i,
-    value: c = 0,
-    max: t = 100,
-    size: n,
-    "aria-label": d,
-    ...m
-  }, f) => {
-    const u = c ?? 0, a = t > 0 ? t : 100, e = Math.max(0, Math.min(u, a)), o = e * 100 / a, g = { width: `${o}%` }, p = `Progress: ${Math.round(o)}%`;
-    return /* @__PURE__ */ r(
-      s.Root,
-      {
-        ref: f,
-        "data-slot": "progress",
-        className: l("block w-full", i),
-        value: e,
-        max: a,
-        "aria-label": d ?? p,
-        ...m,
-        children: /* @__PURE__ */ r(
-          s.Track,
-          {
-            "data-slot": "progress-track",
-            className: l(k({ size: n })),
-            children: /* @__PURE__ */ r(
-              s.Indicator,
-              {
-                "data-slot": "progress-indicator",
-                className: "bg-active-background h-full transition-[width]",
-                style: g
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-v.displayName = "Progress";
-export {
-  v as Progress
-};
+import { cn as e } from "../../../../lib/utils.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+import { Progress as i } from "@base-ui/react/progress";
+//#region libs/aura/src/components/ui/core/progress/progress.tsx
+var a = r("relative w-full overflow-hidden rounded-full bg-muted-background", {
+	variants: { size: {
+		default: "h-2",
+		sm: "h-1"
+	} },
+	defaultVariants: { size: "default" }
+}), o = t(({ className: t, value: r = 0, max: o = 100, size: s, "aria-label": c, ...l }, u) => {
+	let d = r ?? 0, f = o > 0 ? o : 100, p = Math.max(0, Math.min(d, f)), m = p * 100 / f, h = { width: `${m}%` }, g = `Progress: ${Math.round(m)}%`;
+	return /* @__PURE__ */ n(i.Root, {
+		ref: u,
+		"data-slot": "progress",
+		className: e("block w-full", t),
+		value: p,
+		max: f,
+		"aria-label": c ?? g,
+		...l,
+		children: /* @__PURE__ */ n(i.Track, {
+			"data-slot": "progress-track",
+			className: e(a({ size: s })),
+			children: /* @__PURE__ */ n(i.Indicator, {
+				"data-slot": "progress-indicator",
+				className: "bg-active-background h-full transition-[width]",
+				style: h
+			})
+		})
+	});
+});
+o.displayName = "Progress";
+//#endregion
+export { o as Progress };