@cognite/aura 0.3.2 → 0.3.3

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

@@ -1,108 +1,41 @@
-import { jsx as s, jsxs as b } from "react/jsx-runtime";
-import { memo as h, useMemo as p } from "react";
-import { motion as m } from "framer-motion";
-import { cn as u } from "../../../../lib/utils.js";
-const v = {
-  nordic: "var(--gradient-nordic)",
-  aurora: "var(--gradient-aurora)",
-  dusk: "var(--gradient-dusk)",
-  equinox: "var(--gradient-equinox)",
-  summer: "var(--gradient-summer)",
-  spring: "var(--gradient-spring)",
-  fall: "var(--gradient-fall)"
-}, c = {
-  backgroundPosition: ["100% center, center", "0% center, center"]
-};
-function x(e, a) {
-  const r = e.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
-  return {
-    ...a,
-    WebkitMaskImage: `url("${r}")`,
-    maskImage: `url("${r}")`,
-    WebkitMaskRepeat: "no-repeat",
-    maskRepeat: "no-repeat",
-    WebkitMaskSize: "contain",
-    maskSize: "contain",
-    WebkitMaskPosition: "center",
-    maskPosition: "center"
-  };
+import { cn as e } from "../../../../lib/utils.js";
+import { memo as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { motion as i } from "framer-motion";
+//#region libs/aura/src/components/ui/core/shimmer/shimmer.tsx
+var a = {
+	nordic: "var(--gradient-nordic)",
+	aurora: "var(--gradient-aurora)",
+	dusk: "var(--gradient-dusk)",
+	equinox: "var(--gradient-equinox)",
+	summer: "var(--gradient-summer)",
+	spring: "var(--gradient-spring)",
+	fall: "var(--gradient-fall)",
+	active: "var(--gradient-active)"
+}, o = { backgroundPosition: ["100% center, center", "0% center, center"] }, s = { backgroundPosition: ["0% center, 0% center", "-200% center, -200% center"] };
+function c({ children: t, as: c = "p", className: l, duration: u = 2, spread: d = 2, variant: f = "default" }) {
+	let p = n(() => (t?.length ?? 0) * d, [t, d]), m = n(() => {
+		let e = "linear-gradient(90deg, transparent calc(50% - var(--spread)), rgba(255, 255, 255, 0.4), transparent calc(50% + var(--spread)))";
+		return f === "default" ? `${e}, linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))` : `${e}, ${a[f]}`;
+	}, [f]), h = {
+		"--spread": `${p}px`,
+		backgroundImage: m,
+		backgroundSize: f === "active" ? "200% 100%, 200% 100%" : "250% 100%, 100% 100%"
+	}, g = {
+		repeat: Infinity,
+		duration: u,
+		ease: "linear"
+	}, _ = i[c];
+	return /* @__PURE__ */ r(_, {
+		"data-slot": "shimmer",
+		className: e("relative inline-block bg-clip-text text-transparent rounded-md", l),
+		animate: f === "active" ? s : o,
+		style: h,
+		transition: g,
+		children: t
+	});
 }
-function S({
-  children: e,
-  iconUrl: a,
-  as: r = "p",
-  className: l,
-  duration: g = 2,
-  spread: d = 2,
-  variant: n = "default"
-}) {
-  const k = p(
-    () => (e?.length ?? 0) * d,
-    [e, d]
-  ), f = p(() => {
-    const t = "linear-gradient(90deg, transparent calc(50% - var(--spread)), rgba(255, 255, 255, 0.4), transparent calc(50% + var(--spread)))";
-    return n === "default" ? `${t}, linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))` : `${t}, ${v[n]}`;
-  }, [n]), i = {
-    "--spread": `${k}px`,
-    backgroundImage: f,
-    backgroundSize: "250% 100%, 100% 100%"
-  }, o = {
-    repeat: Number.POSITIVE_INFINITY,
-    duration: g,
-    ease: "linear"
-  };
-  if (!a) {
-    const t = m[r];
-    return /* @__PURE__ */ s(
-      t,
-      {
-        "data-slot": "shimmer",
-        className: u(
-          "relative inline-block bg-clip-text text-transparent rounded-md",
-          l
-        ),
-        animate: c,
-        style: i,
-        transition: o,
-        children: e
-      }
-    );
-  }
-  return /* @__PURE__ */ b(
-    r,
-    {
-      "data-slot": "shimmer",
-      className: u(
-        "relative rounded-md inline-flex items-center gap-1.5",
-        l
-      ),
-      children: [
-        /* @__PURE__ */ s(
-          m.span,
-          {
-            "aria-hidden": !0,
-            className: "inline-block size-[1em] shrink-0",
-            animate: c,
-            style: x(a, i),
-            transition: o
-          }
-        ),
-        /* @__PURE__ */ s(
-          m.span,
-          {
-            className: "inline-block bg-clip-text text-transparent",
-            animate: c,
-            style: i,
-            transition: o,
-            children: e
-          }
-        )
-      ]
-    }
-  );
-}
-const I = h(S);
-I.displayName = "Shimmer";
-export {
-  I as Shimmer
-};
+var l = t(c);
+l.displayName = "Shimmer";
+//#endregion
+export { l as Shimmer };

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

@@ -1,18 +1,13 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { cn as m } from "../../../../lib/utils.js";
-const n = r(
-  ({ className: o, ...e }, t) => /* @__PURE__ */ a(
-    "div",
-    {
-      ref: t,
-      "data-slot": "skeleton",
-      className: m("bg-accent-background animate-pulse rounded-md", o),
-      ...e
-    }
-  )
-);
-n.displayName = "Skeleton";
-export {
-  n as Skeleton
-};
+import { cn as e } from "../../../../lib/utils.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/skeleton/skeleton.tsx
+var r = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	"data-slot": "skeleton",
+	className: e("bg-accent-background animate-pulse rounded-md", t),
+	...r
+}));
+r.displayName = "Skeleton";
+//#endregion
+export { r as Skeleton };

package/dist/components/ui/core/sonner-toast/sonner-toast.js

@@ -1,48 +1,55 @@
-import { jsx as e } from "react/jsx-runtime";
-import { IconLoader2 as o, IconAlertOctagonFilled as s, IconAlertTriangleFilled as a, IconInfoCircleFilled as i, IconCircleCheckFilled as l, IconX as d } from "@tabler/icons-react";
-import { Toaster as c } from "sonner";
-import { toast as k } from "sonner";
-import { cn as r } from "../../../../lib/utils.js";
-const g = {
-  "--normal-bg": "var(--raised-background)",
-  "--normal-text": "var(--foreground-fixed-light)",
-  "--normal-border": "transparent",
-  "--border-radius": "var(--radius-lg)"
-}, p = ({ ...n }) => {
-  const t = "flex h-5 min-w-5 items-center justify-center rounded-md px-1";
-  return /* @__PURE__ */ e(
-    c,
-    {
-      "data-slot": "sonner-toast",
-      theme: "system",
-      className: "toaster group",
-      icons: {
-        close: /* @__PURE__ */ e(d, { className: "size-4 text-foreground-fixed-light" }),
-        success: /* @__PURE__ */ e("span", { className: r(t, "bg-success-background"), children: /* @__PURE__ */ e(l, { className: "size-3 text-success-foreground-on-success" }) }),
-        info: /* @__PURE__ */ e("span", { className: r(t, "bg-info-background"), children: /* @__PURE__ */ e(i, { className: "size-3 text-info-foreground-on-info" }) }),
-        warning: /* @__PURE__ */ e("span", { className: r(t, "bg-warning-background"), children: /* @__PURE__ */ e(a, { className: "size-3 text-warning-foreground-on-warning" }) }),
-        error: /* @__PURE__ */ e("span", { className: r(t, "bg-destructive-background"), children: /* @__PURE__ */ e(s, { className: "size-3 text-destructive-foreground-on-critical" }) }),
-        loading: /* @__PURE__ */ e(o, { className: "size-4 animate-spin" })
-      },
-      style: g,
-      toastOptions: {
-        unstyled: !0,
-        classNames: {
-          toast: "flex w-[384px] min-h-11 items-center gap-2 rounded-lg bg-raised-background p-3 shadow-md has-[[data-description]]:[&_[data-icon]]:hidden",
-          icon: "order-1 m-0 shrink-0 flex items-start",
-          content: "order-2 flex flex-1 basis-0 flex-col items-start gap-0.5",
-          title: "w-full self-stretch text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light",
-          description: "w-full self-stretch text-sm font-normal leading-[18px] tracking-tight text-muted-foreground-fixed-light",
-          actionButton: "order-3 ml-auto inline-flex h-7 items-center justify-center gap-1.5 rounded-md bg-transparent px-2 text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer",
-          cancelButton: "order-3 ml-auto inline-flex h-7 items-center justify-center gap-1.5 rounded-md bg-transparent px-2 text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer",
-          closeButton: "order-4 inline-flex size-7 items-center justify-center rounded-md text-foreground-fixed-light transition-all hover:cursor-pointer hover:text-foreground-fixed-light hover:!bg-transparent"
-        }
-      },
-      ...n
-    }
-  );
-};
-export {
-  p as Toaster,
-  k as toast
+import { cn as e } from "../../../../lib/utils.js";
+import { IconAlertOctagonFilled as t, IconAlertTriangleFilled as n, IconCircleCheckFilled as r, IconInfoCircleFilled as i, IconLoader2 as a, IconX as o } from "@tabler/icons-react";
+import { jsx as s } from "react/jsx-runtime";
+import { Toaster as c, toast as l } from "sonner";
+//#region libs/aura/src/components/ui/core/sonner-toast/sonner-toast.tsx
+var u = {
+	"--normal-bg": "var(--raised-background)",
+	"--normal-text": "var(--foreground-fixed-light)",
+	"--normal-border": "transparent",
+	"--border-radius": "var(--radius-lg)"
+}, d = ({ ...l }) => {
+	let d = "flex h-5 min-w-5 items-center justify-center rounded-md px-1";
+	return /* @__PURE__ */ s(c, {
+		"data-slot": "sonner-toast",
+		theme: "system",
+		className: "toaster group",
+		icons: {
+			close: /* @__PURE__ */ s(o, { className: "size-4 text-foreground-fixed-light" }),
+			success: /* @__PURE__ */ s("span", {
+				className: e(d, "bg-success-background"),
+				children: /* @__PURE__ */ s(r, { className: "size-3 text-success-foreground-on-success" })
+			}),
+			info: /* @__PURE__ */ s("span", {
+				className: e(d, "bg-info-background"),
+				children: /* @__PURE__ */ s(i, { className: "size-3 text-info-foreground-on-info" })
+			}),
+			warning: /* @__PURE__ */ s("span", {
+				className: e(d, "bg-warning-background"),
+				children: /* @__PURE__ */ s(n, { className: "size-3 text-warning-foreground-on-warning" })
+			}),
+			error: /* @__PURE__ */ s("span", {
+				className: e(d, "bg-destructive-background"),
+				children: /* @__PURE__ */ s(t, { className: "size-3 text-destructive-foreground-on-critical" })
+			}),
+			loading: /* @__PURE__ */ s(a, { className: "size-4 animate-spin" })
+		},
+		style: u,
+		toastOptions: {
+			unstyled: !0,
+			classNames: {
+				toast: "flex w-[384px] min-h-11 items-center gap-2 rounded-lg bg-raised-background p-3 shadow-md has-[[data-description]]:[&_[data-icon]]:hidden",
+				icon: "order-1 m-0 shrink-0 flex items-start",
+				content: "order-2 flex flex-1 basis-0 flex-col items-start gap-0.5",
+				title: "w-full self-stretch text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light",
+				description: "w-full self-stretch text-sm font-normal leading-[18px] tracking-tight text-muted-foreground-fixed-light",
+				actionButton: "order-3 ml-auto inline-flex h-7 items-center justify-center gap-1.5 rounded-md bg-transparent px-2 text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer",
+				cancelButton: "order-3 ml-auto inline-flex h-7 items-center justify-center gap-1.5 rounded-md bg-transparent px-2 text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer",
+				closeButton: "order-4 inline-flex size-7 items-center justify-center rounded-md text-foreground-fixed-light transition-all hover:cursor-pointer hover:text-foreground-fixed-light hover:!bg-transparent"
+			}
+		},
+		...l
+	});
 };
+//#endregion
+export { d as Toaster, l as toast };

package/dist/components/ui/core/sources/sources.d.ts

@@ -2,8 +2,12 @@ import { ComponentProps, ReactNode } from 'react';
 import { InlineCitationLink } from '../inline-citation/inline-citation';
 type SourcesProps = Omit<ComponentProps<'div'>, 'title'> & {
     title?: ReactNode | boolean;
+    collapsible?: boolean;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 };
-declare const Sources: ({ className, title, children, ...props }: SourcesProps) => ReactNode;
+declare const Sources: ({ className, title, children, collapsible, defaultOpen, open, onOpenChange, ...props }: SourcesProps) => ReactNode;
 type SourcesTitleProps = ComponentProps<'div'> & {
     title?: string;
 };

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

@@ -1,80 +1,59 @@
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { IconMist as f } from "@tabler/icons-react";
-import { cn as l } from "../../../../lib/utils.js";
-import { InlineCitation as p, InlineCitationLink as x } from "../inline-citation/inline-citation.js";
-const S = ({
-  className: r,
-  title: e,
-  children: t,
-  ...o
-}) => {
-  const n = e === !1 || e === "false", i = e === void 0 || e === !0 ? /* @__PURE__ */ s(h, {}) : e;
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      "data-slot": "sources",
-      className: l("flex flex-col gap-2 py-2", r),
-      ...o,
-      children: [
-        n ? null : i,
-        /* @__PURE__ */ s(
-          "div",
-          {
-            "data-slot": "sources-items",
-            className: "flex flex-wrap gap-2 [&>*]:min-w-0",
-            children: t
-          }
-        )
-      ]
-    }
-  );
-}, h = ({
-  className: r,
-  title: e = "Sources",
-  children: t,
-  ...o
-}) => /* @__PURE__ */ c(
-  "div",
-  {
-    "data-slot": "sources-title",
-    className: l(
-      "flex items-center gap-2 text-base leading-5 tracking-tighter text-muted-foreground",
-      r
-    ),
-    ...o,
-    children: [
-      /* @__PURE__ */ s(f, { className: "size-4 shrink-0" }),
-      t ?? /* @__PURE__ */ s("span", { children: e })
-    ]
-  }
-), I = ({
-  href: r,
-  url: e,
-  title: t,
-  variant: o = "mountain",
-  target: n = "_blank",
-  icon: i,
-  className: d,
-  children: u,
-  ...m
-}) => {
-  const a = r || e;
-  return a ? /* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(
-    x,
-    {
-      "data-slot": "source",
-      href: a,
-      target: n,
-      variant: o,
-      icon: i,
-      className: d,
-      ...m,
-      children: u ?? t
-    }
-  ) }) : null;
-};
-export {
-  I as Source,
-  S as Sources,
-  h as SourcesTitle
+import { cn as e } from "../../../../lib/utils.js";
+import { InlineCitation as t, InlineCitationLink as n } from "../inline-citation/inline-citation.js";
+import { IconChevronDown as r, IconMist as i } from "@tabler/icons-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Collapsible as s } from "@base-ui/react/collapsible";
+//#region libs/aura/src/components/ui/core/sources/sources.tsx
+var c = ({ className: t, title: n, children: i, collapsible: c = !1, defaultOpen: u = !1, open: d, onOpenChange: f, ...p }) => {
+	let m = n === !1 || n === "false", h = n === void 0 || n === !0 ? /* @__PURE__ */ a(l, {}) : n;
+	return c ? /* @__PURE__ */ a(s.Root, {
+		open: d,
+		defaultOpen: u,
+		onOpenChange: f,
+		children: /* @__PURE__ */ o("div", {
+			"data-slot": "sources",
+			className: e("flex flex-col gap-2 py-2", t),
+			...p,
+			children: [m ? null : /* @__PURE__ */ o(s.Trigger, {
+				"data-slot": "sources-trigger",
+				className: "group/sources-trigger flex w-fit items-center gap-2 outline-none",
+				children: [h, /* @__PURE__ */ a(r, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-data-panel-open/sources-trigger:rotate-180" })]
+			}), /* @__PURE__ */ a(s.Panel, {
+				"data-slot": "sources-items",
+				className: "h-(--collapsible-panel-height) overflow-hidden transition-all duration-200 ease-out data-ending-style:h-0 data-starting-style:h-0",
+				children: /* @__PURE__ */ a("div", {
+					className: "flex flex-wrap gap-2 pt-2 [&>*]:min-w-0",
+					children: i
+				})
+			})]
+		})
+	}) : /* @__PURE__ */ o("div", {
+		"data-slot": "sources",
+		className: e("flex flex-col gap-2 py-2", t),
+		...p,
+		children: [m ? null : h, /* @__PURE__ */ a("div", {
+			"data-slot": "sources-items",
+			className: "flex flex-wrap gap-2 [&>*]:min-w-0",
+			children: i
+		})]
+	});
+}, l = ({ className: t, title: n = "Sources", children: r, ...s }) => /* @__PURE__ */ o("div", {
+	"data-slot": "sources-title",
+	className: e("flex items-center gap-2 text-base leading-5 tracking-tighter text-muted-foreground", t),
+	...s,
+	children: [/* @__PURE__ */ a(i, { className: "size-4 shrink-0" }), r ?? /* @__PURE__ */ a("span", { children: n })]
+}), u = ({ href: e, url: r, title: i, variant: o = "mountain", target: s = "_blank", icon: c, className: l, children: u, ...d }) => {
+	let f = e || r;
+	return f ? /* @__PURE__ */ a(t, { children: /* @__PURE__ */ a(n, {
+		"data-slot": "source",
+		href: f,
+		target: s,
+		variant: o,
+		icon: c,
+		className: l,
+		...d,
+		children: u ?? i
+	}) }) : null;
 };
+//#endregion
+export { u as Source, c as Sources, l as SourcesTitle };

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

@@ -0,0 +1,62 @@
+import { cn as e } from "../../../../lib/utils.js";
+import { Label as t } from "../label/label.js";
+import { forwardRef as n, useId as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Switch as s } from "@base-ui/react/switch";
+//#region libs/aura/src/components/ui/core/switch/switch.tsx
+var c = n(({ className: n, disabled: c, id: l, "aria-label": u, "aria-labelledby": d, label: f, textLeft: p, textRight: m, checkedText: h = "On", uncheckedText: g = "Off", ..._ }, v) => {
+	let y = r(), b = !!p, x = !!m, S = b || x, C = b && x, w = l ?? (f || S ? y : void 0), T = /* @__PURE__ */ a(s.Root, {
+		ref: v,
+		"data-slot": "switch",
+		id: w,
+		disabled: c,
+		"aria-label": u,
+		"aria-labelledby": d,
+		className: e("peer inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-md p-0.5 transition-colors outline-none", "bg-secondary-background hover:bg-secondary-background-hover", "data-checked:bg-active-background data-checked:hover:bg-active-background-hover", "disabled:bg-disabled-background disabled:cursor-not-allowed", "focus-visible:ring-ring focus-visible:ring-2", n),
+		..._,
+		children: /* @__PURE__ */ a(s.Thumb, {
+			"data-slot": "switch-thumb",
+			className: e("pointer-events-none block size-4 rounded-sm ring-0 transition-transform bg-background shadow-none", "translate-x-0 data-checked:translate-x-5", "data-disabled:bg-secondary-background data-disabled:shadow-none", "data-checked:shadow-sm")
+		})
+	});
+	return !f && !S ? T : /* @__PURE__ */ o("div", {
+		className: "inline-flex items-center gap-3",
+		children: [f ? /* @__PURE__ */ a(t, {
+			htmlFor: w,
+			className: "pb-0",
+			children: f
+		}) : null, /* @__PURE__ */ o("div", {
+			className: "inline-flex items-center gap-1",
+			children: [
+				T,
+				b ? /* @__PURE__ */ a("label", {
+					htmlFor: w,
+					"aria-hidden": "true",
+					className: e("order-first text-sm leading-4.5 tracking-tight cursor-pointer", "peer-disabled:text-disabled-foreground peer-disabled:cursor-not-allowed", C ? "text-foreground font-medium peer-data-checked:text-inactive-foreground peer-data-checked:font-normal" : "text-inactive-foreground"),
+					children: C ? g : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("span", {
+						className: "hidden peer-data-checked:inline",
+						children: h
+					}), /* @__PURE__ */ a("span", {
+						className: "inline peer-data-checked:hidden",
+						children: g
+					})] })
+				}) : null,
+				x ? /* @__PURE__ */ a("label", {
+					htmlFor: w,
+					"aria-hidden": "true",
+					className: e("text-sm leading-4.5 tracking-tight cursor-pointer", "peer-disabled:text-disabled-foreground peer-disabled:cursor-not-allowed", C ? "text-inactive-foreground peer-data-checked:text-foreground peer-data-checked:font-medium" : "text-inactive-foreground"),
+					children: C ? h : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("span", {
+						className: "hidden peer-data-checked:inline",
+						children: h
+					}), /* @__PURE__ */ a("span", {
+						className: "inline peer-data-checked:hidden",
+						children: g
+					})] })
+				}) : null
+			]
+		})]
+	});
+});
+c.displayName = "Switch";
+//#endregion
+export { c as Switch };