@cognite/aura 0.3.2 → 0.3.4

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

@@ -1,190 +1,106 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { IconSun as N, IconMoon as y } from "@tabler/icons-react";
-import { cn as i } from "../../../../lib/utils.js";
-import { Avatar as M, AvatarIcon as D } from "../avatar/avatar.js";
-import { Breadcrumb as k } from "../breadcrumb/breadcrumb.js";
-import { Button as c } from "../button/button.js";
-import { DropdownMenu as v, DropdownMenuTrigger as R, DropdownMenuContent as S, DropdownMenuGroup as A, DropdownMenuLabel as L, DropdownMenuRadioGroup as E, DropdownMenuRadioItem as s } from "../dropdown-menu/dropdown-menu.js";
-const I = i(
-  "flex h-11 w-full items-center gap-2 rounded-t-lg border-b border-border bg-background px-3 py-2",
-  "[&:has(>[data-slot=topbar-center])>[data-slot=topbar-right]]:flex-none"
-), B = o(
-  ({ className: r, role: t = "banner", ...a }, n) => /* @__PURE__ */ e(
-    "div",
-    {
-      ref: n,
-      "data-slot": "topbar",
-      role: t,
-      className: i(I, r),
-      ...a
-    }
-  )
-);
-B.displayName = "Topbar";
-const C = o(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    "div",
-    {
-      ref: a,
-      "data-slot": "topbar-left",
-      className: i("flex min-w-0 items-center gap-0.5", r),
-      ...t
-    }
-  )
-);
-C.displayName = "TopbarLeft";
-const _ = o(
-  ({ className: r, children: t, ...a }, n) => /* @__PURE__ */ e(
-    M,
-    {
-      ref: n,
-      "data-slot": "topbar-icon",
-      sizes: "xxsm",
-      variant: "fjord",
-      className: r,
-      ...a,
-      children: /* @__PURE__ */ e(D, { children: t })
-    }
-  )
-);
-_.displayName = "TopbarIcon";
-const j = o(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    k,
-    {
-      ref: a,
-      "data-slot": "topbar-breadcrumbs",
-      className: r,
-      ...t
-    }
-  )
-);
-j.displayName = "TopbarBreadcrumbs";
-const O = o(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    "span",
-    {
-      ref: a,
-      "data-slot": "topbar-metadata",
-      className: i(
-        "px-2 pt-0.5 text-xs leading-3.5 tracking-tightest text-muted-foreground",
-        r
-      ),
-      ...t
-    }
-  )
-);
-O.displayName = "TopbarMetadata";
-const H = o(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    "div",
-    {
-      ref: a,
-      "data-slot": "topbar-center",
-      className: i(
-        "flex min-w-0 flex-1 items-center justify-center",
-        r
-      ),
-      ...t
-    }
-  )
-);
-H.displayName = "TopbarCenter";
-const z = o(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    "div",
-    {
-      ref: a,
-      "data-slot": "topbar-right",
-      className: i(
-        "flex min-w-0 flex-1 items-center justify-end gap-2",
-        r
-      ),
-      ...t
-    }
-  )
-);
-z.displayName = "TopbarRight";
-const G = ["light", "dark"], P = (r) => r === "light" || r === "dark", F = o(
-  ({
-    className: r,
-    theme: t = "light",
-    onThemeChange: a,
-    availableThemes: n = G,
-    toggleThemeLabel: p = "Toggle theme",
-    lightModeTitle: m = "Light mode",
-    darkModeTitle: h = "Dark mode",
-    switchThemeLabel: b = "Switch Theme",
-    lightModeLabel: u = "Light mode",
-    darkModeLabel: g = "Dark mode",
-    ...T
-  }, f) => {
-    const x = n.includes("light"), w = n.includes("dark");
-    return n.length < 2 ? null : /* @__PURE__ */ e(
-      "div",
-      {
-        ref: f,
-        "data-slot": "topbar-theme-switcher",
-        className: i("flex items-center gap-1", r),
-        ...T,
-        children: /* @__PURE__ */ d(v, { modal: !1, children: [
-          /* @__PURE__ */ e(
-            R,
-            {
-              render: /* @__PURE__ */ e(
-                c,
-                {
-                  variant: "ghost",
-                  size: "icon-sm",
-                  "aria-label": p,
-                  children: t === "light" ? /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e("title", { children: m }) }) : /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e("title", { children: h }) })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(S, { align: "end", className: "w-40", children: /* @__PURE__ */ d(A, { children: [
-            /* @__PURE__ */ e(L, { children: b }),
-            /* @__PURE__ */ d(
-              E,
-              {
-                value: t,
-                onValueChange: (l) => {
-                  P(l) && a?.(l);
-                },
-                children: [
-                  x ? /* @__PURE__ */ e(s, { value: "light", children: u }) : null,
-                  w ? /* @__PURE__ */ e(s, { value: "dark", children: g }) : null
-                ]
-              }
-            )
-          ] }) })
-        ] })
-      }
-    );
-  }
-);
-F.displayName = "TopbarThemeSwitcher";
-const U = o(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    c,
-    {
-      ref: a,
-      "data-slot": "topbar-action",
-      className: r,
-      ...t
-    }
-  )
-);
-U.displayName = "TopbarAction";
-export {
-  B as Topbar,
-  U as TopbarAction,
-  j as TopbarBreadcrumbs,
-  H as TopbarCenter,
-  _ as TopbarIcon,
-  C as TopbarLeft,
-  O as TopbarMetadata,
-  z as TopbarRight,
-  F as TopbarThemeSwitcher
-};
+import { cn as e } from "../../../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { DropdownMenu as n, DropdownMenuContent as r, DropdownMenuGroup as i, DropdownMenuLabel as a, DropdownMenuRadioGroup as o, DropdownMenuRadioItem as s, DropdownMenuTrigger as c } from "../dropdown-menu/dropdown-menu.js";
+import { Avatar as l, AvatarIcon as u } from "../avatar/avatar.js";
+import { Breadcrumb as d } from "../breadcrumb/breadcrumb.js";
+import { forwardRef as f } from "react";
+import { IconMoon as p, IconSun as m } from "@tabler/icons-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/topbar/topbar.tsx
+var _ = e("flex h-11 w-full items-center gap-2 rounded-t-lg border-b border-border bg-background px-3 py-2", "[&:has(>[data-slot=topbar-center])>[data-slot=topbar-right]]:flex-none"), v = f(({ className: t, role: n = "banner", ...r }, i) => /* @__PURE__ */ h("div", {
+	ref: i,
+	"data-slot": "topbar",
+	role: n,
+	className: e(_, t),
+	...r
+}));
+v.displayName = "Topbar";
+var y = f(({ className: t, ...n }, r) => /* @__PURE__ */ h("div", {
+	ref: r,
+	"data-slot": "topbar-left",
+	className: e("flex min-w-0 items-center gap-0.5", t),
+	...n
+}));
+y.displayName = "TopbarLeft";
+var b = f(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ h(l, {
+	ref: r,
+	"data-slot": "topbar-icon",
+	sizes: "xxsm",
+	variant: "fjord",
+	className: e,
+	...n,
+	children: /* @__PURE__ */ h(u, { children: t })
+}));
+b.displayName = "TopbarIcon";
+var x = f(({ className: e, ...t }, n) => /* @__PURE__ */ h(d, {
+	ref: n,
+	"data-slot": "topbar-breadcrumbs",
+	className: e,
+	...t
+}));
+x.displayName = "TopbarBreadcrumbs";
+var S = f(({ className: t, ...n }, r) => /* @__PURE__ */ h("span", {
+	ref: r,
+	"data-slot": "topbar-metadata",
+	className: e("px-2 pt-0.5 text-xs leading-3.5 tracking-tightest text-muted-foreground", t),
+	...n
+}));
+S.displayName = "TopbarMetadata";
+var C = f(({ className: t, ...n }, r) => /* @__PURE__ */ h("div", {
+	ref: r,
+	"data-slot": "topbar-center",
+	className: e("flex min-w-0 flex-1 items-center justify-center", t),
+	...n
+}));
+C.displayName = "TopbarCenter";
+var w = f(({ className: t, ...n }, r) => /* @__PURE__ */ h("div", {
+	ref: r,
+	"data-slot": "topbar-right",
+	className: e("flex min-w-0 flex-1 items-center justify-end gap-2", t),
+	...n
+}));
+w.displayName = "TopbarRight";
+var T = ["light", "dark"], E = (e) => e === "light" || e === "dark", D = f(({ className: l, theme: u = "light", onThemeChange: d, availableThemes: f = T, toggleThemeLabel: _ = "Toggle theme", lightModeTitle: v = "Light mode", darkModeTitle: y = "Dark mode", switchThemeLabel: b = "Switch Theme", lightModeLabel: x = "Light mode", darkModeLabel: S = "Dark mode", ...C }, w) => {
+	let D = f.includes("light"), O = f.includes("dark");
+	return f.length < 2 ? null : /* @__PURE__ */ h("div", {
+		ref: w,
+		"data-slot": "topbar-theme-switcher",
+		className: e("flex items-center gap-1", l),
+		...C,
+		children: /* @__PURE__ */ g(n, {
+			modal: !1,
+			children: [/* @__PURE__ */ h(c, { render: /* @__PURE__ */ h(t, {
+				variant: "ghost",
+				size: "icon-sm",
+				"aria-label": _,
+				children: u === "light" ? /* @__PURE__ */ h(m, { children: /* @__PURE__ */ h("title", { children: v }) }) : /* @__PURE__ */ h(p, { children: /* @__PURE__ */ h("title", { children: y }) })
+			}) }), /* @__PURE__ */ h(r, {
+				align: "end",
+				className: "w-40",
+				children: /* @__PURE__ */ g(i, { children: [/* @__PURE__ */ h(a, { children: b }), /* @__PURE__ */ g(o, {
+					value: u,
+					onValueChange: (e) => {
+						E(e) && d?.(e);
+					},
+					children: [D ? /* @__PURE__ */ h(s, {
+						value: "light",
+						children: x
+					}) : null, O ? /* @__PURE__ */ h(s, {
+						value: "dark",
+						children: S
+					}) : null]
+				})] })
+			})]
+		})
+	});
+});
+D.displayName = "TopbarThemeSwitcher";
+var O = f(({ className: e, ...n }, r) => /* @__PURE__ */ h(t, {
+	ref: r,
+	"data-slot": "topbar-action",
+	className: e,
+	...n
+}));
+O.displayName = "TopbarAction";
+//#endregion
+export { v as Topbar, O as TopbarAction, x as TopbarBreadcrumbs, C as TopbarCenter, b as TopbarIcon, y as TopbarLeft, S as TopbarMetadata, w as TopbarRight, D as TopbarThemeSwitcher };

package/dist/eslint/index.js

@@ -1,10 +1,5 @@
-import { auraNoOverridingStylesRule as r } from "./no-overriding-styles.js";
-const i = {
-  rules: {
-    "no-overriding-styles": r
-  }
-};
-export {
-  i as auraEslintPlugin,
-  r as auraNoOverridingStylesRule
-};
+import { auraNoOverridingStylesRule as e } from "./no-overriding-styles.js";
+//#region libs/aura/src/eslint/index.ts
+var t = { rules: { "no-overriding-styles": e } };
+//#endregion
+export { t as auraEslintPlugin, e as auraNoOverridingStylesRule };