@cognite/aura 0.3.1 → 0.3.3

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

@@ -1,115 +1,80 @@
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { Accordion as r } from "@base-ui/react/accordion";
-import { IconChevronDown as A } from "@tabler/icons-react";
-import { cn as u } from "../../../../lib/utils.js";
-const C = d(
-  (e, t) => {
-    if (e.type === "multiple") {
-      const {
-        type: s,
-        value: c,
-        defaultValue: b,
-        onValueChange: m,
-        ...x
-      } = e;
-      return /* @__PURE__ */ o(
-        r.Root,
-        {
-          ref: t,
-          "data-slot": "accordion",
-          multiple: !0,
-          value: c,
-          defaultValue: b,
-          onValueChange: (y) => {
-            if (!m) return;
-            const N = y.filter(
-              (V) => V != null
-            );
-            m(N);
-          },
-          ...x
-        }
-      );
-    }
-    const {
-      type: n,
-      collapsible: i = !1,
-      value: l,
-      defaultValue: a,
-      onValueChange: g,
-      ...p
-    } = e, h = l === void 0 ? void 0 : l === "" ? [] : [l], v = a === void 0 ? void 0 : a === "" ? [] : [a];
-    return /* @__PURE__ */ o(
-      r.Root,
-      {
-        ref: t,
-        "data-slot": "accordion",
-        multiple: !1,
-        value: h,
-        defaultValue: v,
-        onValueChange: (s, c) => {
-          if (g) {
-            if (!i && s.length === 0) {
-              c.cancel();
-              return;
-            }
-            g(s[0] ?? "");
-          }
-        },
-        ...p
-      }
-    );
-  }
-);
-C.displayName = "Accordion";
-const w = d(({ className: e, ...t }, n) => /* @__PURE__ */ o(
-  r.Item,
-  {
-    ref: n,
-    "data-slot": "accordion-item",
-    className: u("mt-2 first:mt-0 rounded-md", e),
-    ...t
-  }
-));
-w.displayName = "AccordionItem";
-const k = d(({ className: e, children: t, icon: n, ...i }, l) => {
-  const a = n;
-  return /* @__PURE__ */ o(r.Header, { className: "flex", children: /* @__PURE__ */ f(
-    r.Trigger,
-    {
-      ref: l,
-      "data-slot": "accordion-trigger",
-      className: u(
-        "focus-visible:border-ring focus-visible:ring-ring-muted group/accordion-trigger flex flex-1 items-center justify-between gap-4.5 rounded-lg px-3 py-2 text-left hover:bg-muted-background hover:text-foreground focus-visible:ring text-base font-normal tracking-tightest transition-all outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-disabled-foreground aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-disabled-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled-foreground",
-        e
-      ),
-      ...i,
-      children: [
-        /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
-          a && /* @__PURE__ */ o(a, { className: "pointer-events-none size-4 shrink-0 transition-transform duration-200" }),
-          /* @__PURE__ */ o("span", { children: t })
-        ] }),
-        /* @__PURE__ */ o(A, { className: "pointer-events-none size-4 shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-180" })
-      ]
-    }
-  ) });
+import { cn as e } from "../../../../lib/utils.js";
+import { forwardRef as t } from "react";
+import { Accordion as n } from "@base-ui/react/accordion";
+import { IconChevronDown as r } from "@tabler/icons-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/accordion/accordion.tsx
+var o = t((e, t) => {
+	if (e.type === "multiple") {
+		let { type: r, value: a, defaultValue: o, onValueChange: s, ...c } = e;
+		return /* @__PURE__ */ i(n.Root, {
+			ref: t,
+			"data-slot": "accordion",
+			multiple: !0,
+			value: a,
+			defaultValue: o,
+			onValueChange: (e) => {
+				if (!s) return;
+				let t = e.filter((e) => e != null);
+				s(t);
+			},
+			...c
+		});
+	}
+	let { type: r, collapsible: a = !1, value: o, defaultValue: s, onValueChange: c, ...l } = e, u = o === void 0 ? void 0 : o === "" ? [] : [o], d = s === void 0 ? void 0 : s === "" ? [] : [s];
+	return /* @__PURE__ */ i(n.Root, {
+		ref: t,
+		"data-slot": "accordion",
+		multiple: !1,
+		value: u,
+		defaultValue: d,
+		onValueChange: (e, t) => {
+			if (c) {
+				if (!a && e.length === 0) {
+					t.cancel();
+					return;
+				}
+				c(e[0] ?? "");
+			}
+		},
+		...l
+	});
 });
-k.displayName = "AccordionTrigger";
-const I = d(({ className: e, children: t, ...n }, i) => /* @__PURE__ */ o(
-  r.Panel,
-  {
-    ref: i,
-    "data-slot": "accordion-content",
-    className: "h-(--accordion-panel-height) overflow-hidden text-sm font-normal tracking-tightest text-secondary-foreground transition-all duration-200 ease-out data-ending-style:h-0 data-starting-style:h-0",
-    ...n,
-    children: /* @__PURE__ */ o("div", { className: u("px-3 pb-3 pt-2", e), children: t })
-  }
-));
-I.displayName = "AccordionContent";
-export {
-  C as Accordion,
-  I as AccordionContent,
-  w as AccordionItem,
-  k as AccordionTrigger
-};
+o.displayName = "Accordion";
+var s = t(({ className: t, ...r }, a) => /* @__PURE__ */ i(n.Item, {
+	ref: a,
+	"data-slot": "accordion-item",
+	className: e("mt-2 first:mt-0 rounded-md", t),
+	...r
+}));
+s.displayName = "AccordionItem";
+var c = t(({ className: t, children: o, icon: s, ...c }, l) => {
+	let u = s;
+	return /* @__PURE__ */ i(n.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ a(n.Trigger, {
+			ref: l,
+			"data-slot": "accordion-trigger",
+			className: e("focus-visible:border-ring focus-visible:ring-ring-muted group/accordion-trigger flex flex-1 items-center justify-between gap-4.5 rounded-lg px-3 py-2 text-left hover:bg-muted-background hover:text-foreground focus-visible:ring text-base font-normal tracking-tightest transition-all outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-disabled-foreground aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-disabled-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled-foreground", t),
+			...c,
+			children: [/* @__PURE__ */ a("div", {
+				className: "flex items-center gap-2",
+				children: [u && /* @__PURE__ */ i(u, { className: "pointer-events-none size-4 shrink-0 transition-transform duration-200" }), /* @__PURE__ */ i("span", { children: o })]
+			}), /* @__PURE__ */ i(r, { className: "pointer-events-none size-4 shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-180" })]
+		})
+	});
+});
+c.displayName = "AccordionTrigger";
+var l = t(({ className: t, children: r, ...a }, o) => /* @__PURE__ */ i(n.Panel, {
+	ref: o,
+	"data-slot": "accordion-content",
+	className: "h-(--accordion-panel-height) overflow-hidden text-sm font-normal tracking-tightest text-secondary-foreground transition-all duration-200 ease-out data-ending-style:h-0 data-starting-style:h-0",
+	...a,
+	children: /* @__PURE__ */ i("div", {
+		className: e("px-3 pb-3 pt-2", t),
+		children: r
+	})
+}));
+l.displayName = "AccordionContent";
+//#endregion
+export { o as Accordion, l as AccordionContent, s as AccordionItem, c as AccordionTrigger };

package/dist/components/ui/core/action-toolbar/action-toolbar.js

@@ -1,176 +1,108 @@
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-import { createContext as b, forwardRef as e, useMemo as A, useContext as x } from "react";
-import { IconX as T } from "@tabler/icons-react";
-import { cva as y } from "class-variance-authority";
-import { cn as s } from "../../../../lib/utils.js";
-import { Button as f } from "../button/button.js";
-import { TooltipProvider as g, Tooltip as h, TooltipTrigger as w, TooltipContent as N } from "../tooltip/tooltip.js";
-const v = y(
-  "min-w-[400px] max-w-[1200px] h-14 flex items-center justify-between gap-3 bg-raised-background text-foreground-fixed-light pl-4 pr-3 rounded-xl shadow-default",
-  {
-    variants: {
-      width: {
-        full: "w-full",
-        fit: "w-fit"
-      }
-    },
-    defaultVariants: {
-      width: "full"
-    }
-  }
-), p = b({
-  selectedCount: void 0
-}), k = e(
-  ({ className: t, width: a, role: n = "toolbar", selectedCount: o, ...r }, l) => {
-    const c = typeof o == "number" && o === 0, d = A(() => ({ selectedCount: o }), [o]);
-    return c ? null : /* @__PURE__ */ i(g, { delayDuration: 0, children: /* @__PURE__ */ i(p.Provider, { value: d, children: /* @__PURE__ */ i(
-      "div",
-      {
-        ref: l,
-        "data-slot": "action-toolbar",
-        role: n,
-        className: s(v({ width: a }), t),
-        ...r
-      }
-    ) }) });
-  }
-);
-k.displayName = "ActionToolbar";
-const C = e(
-  ({ className: t, role: a = "group", ...n }, o) => /* @__PURE__ */ i(
-    "div",
-    {
-      ref: o,
-      "data-slot": "action-toolbar-selection",
-      role: a,
-      className: s("flex min-w-0 shrink-0 items-center gap-3", t),
-      ...n
-    }
-  )
-);
-C.displayName = "ActionToolbarSelection";
-const S = e(
-  ({ className: t, count: a, label: n = "selected", children: o, ...r }, l) => {
-    const { selectedCount: c } = x(p), d = a ?? c;
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        ref: l,
-        "data-slot": "action-toolbar-selection-summary",
-        className: s("flex min-w-0", t),
-        ...r,
-        children: o ?? /* @__PURE__ */ m(
-          "span",
-          {
-            "data-slot": "action-toolbar-selection-label",
-            className: "flex min-w-0 items-center gap-0.5 text-sm font-medium leading-4.5 tracking-normal text-foreground-fixed-light",
-            children: [
-              d == null ? null : /* @__PURE__ */ i("span", { children: d }),
-              /* @__PURE__ */ i("span", { className: "truncate", children: n })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-S.displayName = "ActionToolbarSelectionSummary";
-const O = e(
-  ({ className: t, role: a = "group", ...n }, o) => /* @__PURE__ */ i(
-    "div",
-    {
-      ref: o,
-      "data-slot": "action-toolbar-actions",
-      role: a,
-      className: s(
-        "flex min-w-0 shrink-0 items-center justify-end gap-1",
-        t
-      ),
-      ...n
-    }
-  )
-);
-O.displayName = "ActionToolbarActions";
-const u = e(
-  ({
-    className: t,
-    variant: a = "ghostOnDark",
-    iconOnly: n = !1,
-    "aria-label": o,
-    children: r,
-    ...l
-  }, c) => n && o ? /* @__PURE__ */ m(h, { children: [
-    /* @__PURE__ */ i(
-      w,
-      {
-        render: /* @__PURE__ */ i(
-          f,
-          {
-            ref: c,
-            "data-slot": "action-toolbar-action",
-            variant: a,
-            size: "icon",
-            "aria-label": o,
-            className: t,
-            ...l,
-            children: r
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ i(N, { sideOffset: 18, children: o })
-  ] }) : /* @__PURE__ */ i(
-    f,
-    {
-      ref: c,
-      "data-slot": "action-toolbar-action",
-      variant: a,
-      size: n ? "icon" : "default",
-      "aria-label": o,
-      className: t,
-      ...l,
-      children: r
-    }
-  )
-);
-u.displayName = "ActionToolbarAction";
-const j = e(
-  ({ icon: t, label: a = "Clear", ...n }, o) => /* @__PURE__ */ m(
-    u,
-    {
-      ref: o,
-      "data-slot": "action-toolbar-action-clear",
-      variant: "secondaryOnDark",
-      iconOnly: !1,
-      ...n,
-      children: [
-        t ?? /* @__PURE__ */ i(T, {}),
-        a
-      ]
-    }
-  )
-);
-j.displayName = "ActionToolbarActionClear";
-const D = e(
-  ({ className: t, ...a }, n) => /* @__PURE__ */ i(
-    u,
-    {
-      ref: n,
-      "data-slot": "action-toolbar-primary-action",
-      variant: "defaultOnDark",
-      iconOnly: !1,
-      className: s("ml-2", t),
-      ...a
-    }
-  )
-);
-D.displayName = "ActionToolbarPrimaryAction";
-export {
-  k as ActionToolbar,
-  u as ActionToolbarAction,
-  j as ActionToolbarActionClear,
-  O as ActionToolbarActions,
-  D as ActionToolbarPrimaryAction,
-  C as ActionToolbarSelection,
-  S as ActionToolbarSelectionSummary
-};
+import { cn as e } from "../../../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { Tooltip as n, TooltipContent as r, TooltipProvider as i, TooltipTrigger as a } from "../tooltip/tooltip.js";
+import { createContext as o, forwardRef as s, useContext as c, useMemo as l } from "react";
+import { IconX as u } from "@tabler/icons-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { cva as p } from "class-variance-authority";
+//#region libs/aura/src/components/ui/core/action-toolbar/action-toolbar.tsx
+var m = p("min-w-[400px] max-w-[1200px] h-14 flex items-center justify-between gap-3 bg-raised-background text-foreground-fixed-light pl-4 pr-3 rounded-xl shadow-default", {
+	variants: { width: {
+		full: "w-full",
+		fit: "w-fit"
+	} },
+	defaultVariants: { width: "full" }
+}), h = o({ selectedCount: void 0 }), g = s(({ className: t, width: n, role: r = "toolbar", selectedCount: a, ...o }, s) => {
+	let c = typeof a == "number" && a === 0, u = l(() => ({ selectedCount: a }), [a]);
+	return c ? null : /* @__PURE__ */ d(i, {
+		delayDuration: 0,
+		children: /* @__PURE__ */ d(h.Provider, {
+			value: u,
+			children: /* @__PURE__ */ d("div", {
+				ref: s,
+				"data-slot": "action-toolbar",
+				role: r,
+				className: e(m({ width: n }), t),
+				...o
+			})
+		})
+	});
+});
+g.displayName = "ActionToolbar";
+var _ = s(({ className: t, role: n = "group", ...r }, i) => /* @__PURE__ */ d("div", {
+	ref: i,
+	"data-slot": "action-toolbar-selection",
+	role: n,
+	className: e("flex min-w-0 shrink-0 items-center gap-3", t),
+	...r
+}));
+_.displayName = "ActionToolbarSelection";
+var v = s(({ className: t, count: n, label: r = "selected", children: i, ...a }, o) => {
+	let { selectedCount: s } = c(h), l = n ?? s;
+	return /* @__PURE__ */ d("div", {
+		ref: o,
+		"data-slot": "action-toolbar-selection-summary",
+		className: e("flex min-w-0", t),
+		...a,
+		children: i ?? /* @__PURE__ */ f("span", {
+			"data-slot": "action-toolbar-selection-label",
+			className: "flex min-w-0 items-center gap-0.5 text-sm font-medium leading-4.5 tracking-normal text-foreground-fixed-light",
+			children: [l == null ? null : /* @__PURE__ */ d("span", { children: l }), /* @__PURE__ */ d("span", {
+				className: "truncate",
+				children: r
+			})]
+		})
+	});
+});
+v.displayName = "ActionToolbarSelectionSummary";
+var y = s(({ className: t, role: n = "group", ...r }, i) => /* @__PURE__ */ d("div", {
+	ref: i,
+	"data-slot": "action-toolbar-actions",
+	role: n,
+	className: e("flex min-w-0 shrink-0 items-center justify-end gap-1", t),
+	...r
+}));
+y.displayName = "ActionToolbarActions";
+var b = s(({ className: e, variant: i = "ghostOnDark", iconOnly: o = !1, "aria-label": s, children: c, ...l }, u) => o && s ? /* @__PURE__ */ f(n, { children: [/* @__PURE__ */ d(a, { render: /* @__PURE__ */ d(t, {
+	ref: u,
+	"data-slot": "action-toolbar-action",
+	variant: i,
+	size: "icon",
+	"aria-label": s,
+	className: e,
+	...l,
+	children: c
+}) }), /* @__PURE__ */ d(r, {
+	sideOffset: 18,
+	children: s
+})] }) : /* @__PURE__ */ d(t, {
+	ref: u,
+	"data-slot": "action-toolbar-action",
+	variant: i,
+	size: o ? "icon" : "default",
+	"aria-label": s,
+	className: e,
+	...l,
+	children: c
+}));
+b.displayName = "ActionToolbarAction";
+var x = s(({ icon: e, label: t = "Clear", ...n }, r) => /* @__PURE__ */ f(b, {
+	ref: r,
+	"data-slot": "action-toolbar-action-clear",
+	variant: "secondaryOnDark",
+	iconOnly: !1,
+	...n,
+	children: [e ?? /* @__PURE__ */ d(u, {}), t]
+}));
+x.displayName = "ActionToolbarActionClear";
+var S = s(({ className: t, ...n }, r) => /* @__PURE__ */ d(b, {
+	ref: r,
+	"data-slot": "action-toolbar-primary-action",
+	variant: "defaultOnDark",
+	iconOnly: !1,
+	className: e("ml-2", t),
+	...n
+}));
+S.displayName = "ActionToolbarPrimaryAction";
+//#endregion
+export { g as ActionToolbar, b as ActionToolbarAction, x as ActionToolbarActionClear, y as ActionToolbarActions, S as ActionToolbarPrimaryAction, _ as ActionToolbarSelection, v as ActionToolbarSelectionSummary };