@cognite/aura 0.3.1 → 0.3.3

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

@@ -1,224 +1,150 @@
-import { jsx as i, jsxs as b } from "react/jsx-runtime";
-import { forwardRef as n, createContext as v, useContext as x } from "react";
-import { Tabs as u } from "@base-ui/react/tabs";
-import { cva as f } from "class-variance-authority";
-import { cn as l } from "../../../../lib/utils.js";
-import { Badge as z } from "../badge/badge.js";
-import { resolveTabLabelTitle as T } from "./tabs.utils.js";
-const w = f("relative isolate inline-flex", {
-  variants: {
-    orientation: {
-      horizontal: "flex-row",
-      vertical: "flex-col"
-    },
-    size: {
-      small: "",
-      default: ""
-    },
-    fullWidth: {
-      true: "w-full",
-      false: "w-fit"
-    }
-  },
-  compoundVariants: [
-    {
-      orientation: "horizontal",
-      size: "small",
-      className: "items-center gap-1"
-    },
-    {
-      orientation: "horizontal",
-      size: "default",
-      className: "items-center gap-2"
-    },
-    {
-      orientation: "vertical",
-      size: "small",
-      className: "items-stretch gap-1"
-    },
-    {
-      orientation: "vertical",
-      size: "default",
-      className: "items-stretch gap-2"
-    }
-  ],
-  defaultVariants: {
-    orientation: "horizontal",
-    size: "small",
-    fullWidth: !1
-  }
-}), N = f(
-  "pointer-events-none absolute top-(--active-tab-top) left-(--active-tab-left) z-0 h-(--active-tab-height) w-(--active-tab-width) bg-active-muted-background motion-safe:transition-[top,left,width,height] motion-safe:duration-200 motion-safe:ease-out data-[activation-direction=none]:transition-none",
-  {
-    variants: {
-      size: {
-        small: "rounded-md",
-        default: "rounded-lg"
-      }
-    },
-    defaultVariants: {
-      size: "small"
-    }
-  }
-), y = f(
-  "group relative z-10 inline-flex min-w-0 max-w-full items-center justify-start outline-none transition-[color,box-shadow] duration-200 ease-out shrink-0 font-medium tracking-normal text-sm cursor-pointer focus-visible:border-ring focus-visible:ring-ring-shadow focus-visible:ring data-[disabled]:pointer-events-none data-[disabled]:cursor-default [&_[data-slot=tabs-label]]:min-w-0 [&_[data-slot=tabs-label]]:truncate",
-  {
-    variants: {
-      size: {
-        small: "h-7 px-2 gap-1.5 leading-4.5 rounded-md",
-        default: "h-9 px-3 gap-2 leading-4.5 rounded-lg"
-      },
-      fullWidth: {
-        true: "min-w-px justify-center [&_[data-slot=tabs-label]]:flex-none [&_[data-slot=tabs-label]]:text-center",
-        false: ""
-      },
-      stateTone: {
-        default: "text-muted-foreground hover:text-foreground data-active:text-foreground data-active:hover:text-foreground data-[disabled]:text-disabled-foreground"
-      }
-    },
-    defaultVariants: {
-      size: "small",
-      fullWidth: !1,
-      stateTone: "default"
-    }
-  }
-), _ = n(
-  ({ className: e, ...t }, a) => /* @__PURE__ */ i(
-    u.Root,
-    {
-      ref: a,
-      "data-slot": "tabs",
-      className: l(e),
-      ...t
-    }
-  )
-);
-_.displayName = "Tabs";
-const g = v(void 0), h = n(({ className: e, size: t = "small", ...a }, s) => /* @__PURE__ */ i(
-  u.Indicator,
-  {
-    ref: s,
-    "data-slot": "tabs-indicator",
-    className: l(N({ size: t }), e),
-    ...a
-  }
-));
+import { cn as e } from "../../../../lib/utils.js";
+import { Badge as t } from "../badge/badge.js";
+import { resolveTabLabelTitle as n } from "./tabs.utils.js";
+import { createContext as r, forwardRef as i, useContext as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { cva as c } from "class-variance-authority";
+import { Tabs as l } from "@base-ui/react/tabs";
+//#region libs/aura/src/components/ui/core/tabs/tabs.tsx
+var u = c("relative isolate inline-flex", {
+	variants: {
+		orientation: {
+			horizontal: "flex-row",
+			vertical: "flex-col"
+		},
+		size: {
+			small: "",
+			default: ""
+		},
+		fullWidth: {
+			true: "w-full",
+			false: "w-fit"
+		}
+	},
+	compoundVariants: [
+		{
+			orientation: "horizontal",
+			size: "small",
+			className: "items-center gap-1"
+		},
+		{
+			orientation: "horizontal",
+			size: "default",
+			className: "items-center gap-2"
+		},
+		{
+			orientation: "vertical",
+			size: "small",
+			className: "items-stretch gap-1"
+		},
+		{
+			orientation: "vertical",
+			size: "default",
+			className: "items-stretch gap-2"
+		}
+	],
+	defaultVariants: {
+		orientation: "horizontal",
+		size: "small",
+		fullWidth: !1
+	}
+}), d = c("pointer-events-none absolute top-(--active-tab-top) left-(--active-tab-left) z-0 h-(--active-tab-height) w-(--active-tab-width) bg-active-muted-background motion-safe:transition-[top,left,width,height] motion-safe:duration-200 motion-safe:ease-out data-[activation-direction=none]:transition-none", {
+	variants: { size: {
+		small: "rounded-md",
+		default: "rounded-lg"
+	} },
+	defaultVariants: { size: "small" }
+}), f = c("group relative z-10 inline-flex min-w-0 max-w-full items-center justify-start outline-none transition-[color,box-shadow] duration-200 ease-out shrink-0 font-medium tracking-normal text-sm cursor-pointer focus-visible:border-ring focus-visible:ring-ring-shadow focus-visible:ring data-[disabled]:pointer-events-none data-[disabled]:cursor-default [&_[data-slot=tabs-label]]:min-w-0 [&_[data-slot=tabs-label]]:truncate", {
+	variants: {
+		size: {
+			small: "h-7 px-2 gap-1.5 leading-4.5 rounded-md",
+			default: "h-9 px-3 gap-2 leading-4.5 rounded-lg"
+		},
+		fullWidth: {
+			true: "min-w-px justify-center [&_[data-slot=tabs-label]]:flex-none [&_[data-slot=tabs-label]]:text-center",
+			false: ""
+		},
+		stateTone: { default: "text-muted-foreground hover:text-foreground data-active:text-foreground data-active:hover:text-foreground data-[disabled]:text-disabled-foreground" }
+	},
+	defaultVariants: {
+		size: "small",
+		fullWidth: !1,
+		stateTone: "default"
+	}
+}), p = i(({ className: t, ...n }, r) => /* @__PURE__ */ o(l.Root, {
+	ref: r,
+	"data-slot": "tabs",
+	className: e(t),
+	...n
+}));
+p.displayName = "Tabs";
+var m = r(void 0), h = i(({ className: t, size: n = "small", ...r }, i) => /* @__PURE__ */ o(l.Indicator, {
+	ref: i,
+	"data-slot": "tabs-indicator",
+	className: e(d({ size: n }), t),
+	...r
+}));
 h.displayName = "TabsIndicator";
-const L = n(
-  ({
-    className: e,
-    orientation: t = "horizontal",
-    size: a = "small",
-    fullWidth: s = !1,
-    children: o,
-    ...d
-  }, c) => {
-    const r = a ?? "small";
-    return /* @__PURE__ */ i(
-      u.List,
-      {
-        ref: c,
-        "data-slot": "tabs-list",
-        "data-size": r,
-        "data-orientation": t,
-        "data-full-width": s ? "true" : "false",
-        className: l(
-          "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-trigger]]:flex-1",
-          "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-trigger]]:justify-center",
-          "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-label]]:flex-none",
-          "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-label]]:text-center",
-          "[&[data-orientation=vertical][data-full-width=true]_[data-slot=tabs-trigger]]:w-full",
-          w({ orientation: t, size: r, fullWidth: s }),
-          e
-        ),
-        ...d,
-        children: /* @__PURE__ */ b(g.Provider, { value: r, children: [
-          /* @__PURE__ */ i(h, { size: r }),
-          o
-        ] })
-      }
-    );
-  }
-);
-L.displayName = "TabsList";
-const V = n(
-  ({
-    className: e,
-    size: t,
-    fullWidth: a = !1,
-    badge: s,
-    disabled: o = !1,
-    children: d,
-    ...c
-  }, r) => {
-    const p = x(g), m = t ?? p ?? "small";
-    return /* @__PURE__ */ b(
-      u.Tab,
-      {
-        ref: r,
-        "data-slot": "tabs-trigger",
-        "data-size": m,
-        "data-full-width": a ? "true" : "false",
-        disabled: o,
-        className: l(
-          y({ size: m, fullWidth: a }),
-          e
-        ),
-        ...c,
-        children: [
-          d,
-          s == null ? null : /* @__PURE__ */ i(
-            z,
-            {
-              variant: "mountain",
-              className: l(
-                "h-4 min-w-4 rounded-sm px-0.5 text-xs leading-3.5 tracking-tighter gap-0",
-                o && "bg-disabled-background text-disabled-foreground border-transparent"
-              ),
-              children: s
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-V.displayName = "TabsTrigger";
-const k = n(
-  ({ className: e, children: t, title: a, ...s }, o) => {
-    const d = T(a, t);
-    return /* @__PURE__ */ i(
-      "span",
-      {
-        ref: o,
-        "data-slot": "tabs-label",
-        className: l("block min-w-0 flex-1 truncate text-left", e),
-        title: d,
-        ...s,
-        children: t
-      }
-    );
-  }
-);
-k.displayName = "TabsLabel";
-const j = n(
-  ({ className: e, ...t }, a) => /* @__PURE__ */ i(
-    u.Panel,
-    {
-      ref: a,
-      "data-slot": "tabs-panel",
-      className: l("outline-none", e),
-      ...t
-    }
-  )
-);
-j.displayName = "TabsPanel";
-export {
-  _ as Tabs,
-  k as TabsLabel,
-  L as TabsList,
-  j as TabsPanel,
-  V as TabsTrigger,
-  w as tabsListVariants,
-  y as tabsTriggerVariants
-};
+var g = i(({ className: t, orientation: n = "horizontal", size: r = "small", fullWidth: i = !1, children: a, ...c }, d) => {
+	let f = r ?? "small";
+	return /* @__PURE__ */ o(l.List, {
+		ref: d,
+		"data-slot": "tabs-list",
+		"data-size": f,
+		"data-orientation": n,
+		"data-full-width": i ? "true" : "false",
+		className: e("[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-trigger]]:flex-1", "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-trigger]]:justify-center", "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-label]]:flex-none", "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-label]]:text-center", "[&[data-orientation=vertical][data-full-width=true]_[data-slot=tabs-trigger]]:w-full", u({
+			orientation: n,
+			size: f,
+			fullWidth: i
+		}), t),
+		...c,
+		children: /* @__PURE__ */ s(m.Provider, {
+			value: f,
+			children: [/* @__PURE__ */ o(h, { size: f }), a]
+		})
+	});
+});
+g.displayName = "TabsList";
+var _ = i(({ className: n, size: r, fullWidth: i = !1, badge: c, disabled: u = !1, children: d, ...p }, h) => {
+	let g = a(m), _ = r ?? g ?? "small";
+	return /* @__PURE__ */ s(l.Tab, {
+		ref: h,
+		"data-slot": "tabs-trigger",
+		"data-size": _,
+		"data-full-width": i ? "true" : "false",
+		disabled: u,
+		className: e(f({
+			size: _,
+			fullWidth: i
+		}), n),
+		...p,
+		children: [d, c == null ? null : /* @__PURE__ */ o(t, {
+			variant: "mountain",
+			className: e("h-4 min-w-4 rounded-sm px-0.5 text-xs leading-3.5 tracking-tighter gap-0", u && "bg-disabled-background text-disabled-foreground border-transparent"),
+			children: c
+		})]
+	});
+});
+_.displayName = "TabsTrigger";
+var v = i(({ className: t, children: r, title: i, ...a }, s) => {
+	let c = n(i, r);
+	return /* @__PURE__ */ o("span", {
+		ref: s,
+		"data-slot": "tabs-label",
+		className: e("block min-w-0 flex-1 truncate text-left", t),
+		title: c,
+		...a,
+		children: r
+	});
+});
+v.displayName = "TabsLabel";
+var y = i(({ className: t, ...n }, r) => /* @__PURE__ */ o(l.Panel, {
+	ref: r,
+	"data-slot": "tabs-panel",
+	className: e("outline-none", t),
+	...n
+}));
+y.displayName = "TabsPanel";
+//#endregion
+export { p as Tabs, v as TabsLabel, g as TabsList, y as TabsPanel, _ as TabsTrigger, u as tabsListVariants, f as tabsTriggerVariants };

package/dist/components/ui/core/tabs/tabs.utils.js

@@ -1,9 +1,7 @@
-function t(e, r) {
-  if (e != null)
-    return e;
-  if (typeof r == "string" || typeof r == "number")
-    return String(r);
+//#region libs/aura/src/components/ui/core/tabs/tabs.utils.ts
+function e(e, t) {
+	if (e != null) return e;
+	if (typeof t == "string" || typeof t == "number") return String(t);
 }
-export {
-  t as resolveTabLabelTitle
-};
+//#endregion
+export { e as resolveTabLabelTitle };

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

@@ -1,27 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { cn as i, disabledState as l, invalidState as n, focusState as s, filledState as d, hoverState as f, formElementBase as m } from "../../../../lib/utils.js";
-const c = r(
-  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
-    "textarea",
-    {
-      ref: a,
-      "data-slot": "textarea",
-      className: i(
-        "flex field-sizing-content h-auto min-h-20 w-full transition-[color,background-color,border-color,box-shadow] resize-none",
-        m,
-        f,
-        d,
-        s,
-        n,
-        l,
-        e
-      ),
-      ...t
-    }
-  )
-);
-c.displayName = "Textarea";
-export {
-  c as Textarea
-};
+import { cn as e, disabledState as t, filledState as n, focusState as r, formElementBase as i, hoverState as a, invalidState as o } from "../../../../lib/utils.js";
+import { forwardRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/textarea/textarea.tsx
+var l = s(({ className: s, ...l }, u) => /* @__PURE__ */ c("textarea", {
+	ref: u,
+	"data-slot": "textarea",
+	className: e("flex field-sizing-content h-auto min-h-20 w-full transition-[color,background-color,border-color,box-shadow] resize-none", i, a, n, r, o, t, s),
+	...l
+}));
+l.displayName = "Textarea";
+//#endregion
+export { l as Textarea };

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

@@ -1,74 +1,55 @@
-import { jsx as o, jsxs as m, Fragment as f } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import { Toggle as b } from "@base-ui/react/toggle";
-import { cva as p } from "class-variance-authority";
-import { cn as s } from "../../../../lib/utils.js";
-const x = p(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium text-muted-foreground hover:bg-accent-background hover:text-foreground disabled:pointer-events-none disabled:text-disabled-foreground aria-pressed:bg-active-muted-background aria-pressed:text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring-muted focus-visible:ring outline-none transition-[color,box-shadow] aria-invalid:ring-destructive-background/20 dark:aria-invalid:ring-destructive-background/40 aria-invalid:border-destructive-background whitespace-nowrap",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border border-muted-background bg-transparent shadow-xs hover:bg-accent-background hover:text-foreground"
-      },
-      size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-7 px-1.5 min-w-7",
-        lg: "h-8 px-2.5 min-w-8"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), h = (e, r) => {
-  if (e == null || e === "")
-    return null;
-  const t = String(e);
-  return /* @__PURE__ */ o(
-    "span",
-    {
-      "data-slot": "toggle-count",
-      className: s(
-        "inline-flex h-4 min-w-4 items-center justify-center rounded-sm px-0.5 text-xs font-medium leading-3.5 tracking-tightest",
-        r ? "bg-disabled-background text-disabled-foreground" : "bg-decorative-background-mountain text-decorative-foreground-mountain"
-      ),
-      children: t
-    }
-  );
-}, k = v(
-  ({
-    className: e,
-    variant: r,
-    size: t,
-    icon: i,
-    label: n,
-    count: a,
-    children: g,
-    disabled: d,
-    ...u
-  }, l) => {
-    const c = i !== void 0 || n !== void 0 || a !== void 0;
-    return /* @__PURE__ */ o(
-      b,
-      {
-        ref: l,
-        "data-slot": "toggle",
-        disabled: d,
-        className: s(x({ variant: r, size: t, className: e })),
-        ...u,
-        children: g ?? (c && /* @__PURE__ */ m(f, { children: [
-          i,
-          n && /* @__PURE__ */ o("span", { "data-slot": "toggle-label", children: n }),
-          h(a, d)
-        ] }))
-      }
-    );
-  }
-);
-k.displayName = "Toggle";
-export {
-  k as Toggle,
-  x as toggleVariants
-};
+import { cn as e } from "../../../../lib/utils.js";
+import { forwardRef as t } from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { cva as a } from "class-variance-authority";
+import { Toggle as o } from "@base-ui/react/toggle";
+//#region libs/aura/src/components/ui/core/toggle/toggle.tsx
+var s = a("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium text-muted-foreground hover:bg-accent-background hover:text-foreground disabled:pointer-events-none disabled:text-disabled-foreground aria-pressed:bg-active-muted-background aria-pressed:text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring-muted focus-visible:ring outline-none transition-[color,box-shadow] aria-invalid:ring-destructive-background/20 dark:aria-invalid:ring-destructive-background/40 aria-invalid:border-destructive-background whitespace-nowrap", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-muted-background bg-transparent shadow-xs hover:bg-accent-background hover:text-foreground"
+		},
+		size: {
+			default: "h-9 px-2 min-w-9",
+			sm: "h-7 px-1.5 min-w-7",
+			lg: "h-8 px-2.5 min-w-8"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), c = (t, n) => {
+	if (t == null || t === "") return null;
+	let i = String(t);
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "toggle-count",
+		className: e("inline-flex h-4 min-w-4 items-center justify-center rounded-sm px-0.5 text-xs font-medium leading-3.5 tracking-tightest", n ? "bg-disabled-background text-disabled-foreground" : "bg-decorative-background-mountain text-decorative-foreground-mountain"),
+		children: i
+	});
+}, l = t(({ className: t, variant: a, size: l, icon: u, label: d, count: f, children: p, disabled: m, ...h }, g) => {
+	let _ = u !== void 0 || d !== void 0 || f !== void 0;
+	return /* @__PURE__ */ r(o, {
+		ref: g,
+		"data-slot": "toggle",
+		disabled: m,
+		className: e(s({
+			variant: a,
+			size: l,
+			className: t
+		})),
+		...h,
+		children: p ?? (_ && /* @__PURE__ */ i(n, { children: [
+			u,
+			d && /* @__PURE__ */ r("span", {
+				"data-slot": "toggle-label",
+				children: d
+			}),
+			c(f, m)
+		] }))
+	});
+});
+l.displayName = "Toggle";
+//#endregion
+export { l as Toggle, s as toggleVariants };