@cognite/aura 0.3.2 → 0.3.3

package/dist/components/ui/core/segmented-control/segmented-control.js

@@ -1,172 +1,115 @@
-import { jsx as n, jsxs as u } from "react/jsx-runtime";
-import { createContext as m, useContext as f } from "react";
-import { Tabs as a } from "@base-ui/react/tabs";
-import { cva as l } from "class-variance-authority";
-import { cn as i } from "../../../../lib/utils.js";
-function N({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ n(
-    a.Root,
-    {
-      "data-slot": "segmented-control",
-      className: i("flex flex-col gap-2", t),
-      ...e
-    }
-  );
+import { cn as e } from "../../../../lib/utils.js";
+import { createContext as t, useContext as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { cva as a } from "class-variance-authority";
+import { Tabs as o } from "@base-ui/react/tabs";
+//#region libs/aura/src/components/ui/core/segmented-control/segmented-control.tsx
+function s({ className: t, ...n }) {
+	return /* @__PURE__ */ r(o.Root, {
+		"data-slot": "segmented-control",
+		className: e("flex flex-col gap-2", t),
+		...n
+	});
 }
-const g = l(
-  "bg-muted-background text-muted-foreground relative isolate inline-flex w-fit items-center justify-center gap-2 p-0.5",
-  {
-    variants: {
-      size: {
-        default: "h-9 rounded-lg",
-        small: "h-7 rounded-md"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-), d = m(void 0);
-function S({
-  className: t,
-  size: e,
-  children: o,
-  ...r
-}) {
-  const s = e ?? "default";
-  return /* @__PURE__ */ n(
-    a.List,
-    {
-      "data-slot": "segmented-control-list",
-      className: i(g({ size: e }), t),
-      ...r,
-      children: /* @__PURE__ */ u(d.Provider, { value: s, children: [
-        /* @__PURE__ */ n(p, { size: s }),
-        o
-      ] })
-    }
-  );
+var c = a("bg-muted-background text-muted-foreground relative isolate inline-flex w-fit items-center justify-center gap-2 p-0.5", {
+	variants: { size: {
+		default: "h-9 rounded-lg",
+		small: "h-7 rounded-md"
+	} },
+	defaultVariants: { size: "default" }
+}), l = t(void 0);
+function u({ className: t, size: n, children: a, ...s }) {
+	let u = n ?? "default";
+	return /* @__PURE__ */ r(o.List, {
+		"data-slot": "segmented-control-list",
+		className: e(c({ size: n }), t),
+		...s,
+		children: /* @__PURE__ */ i(l.Provider, {
+			value: u,
+			children: [/* @__PURE__ */ r(f, { size: u }), a]
+		})
+	});
 }
-const b = l(
-  "bg-background pointer-events-none absolute top-(--active-tab-top) left-(--active-tab-left) -z-0 h-(--active-tab-height) w-(--active-tab-width) motion-safe:transition-[top,left,width,height] motion-safe:duration-200 motion-safe:ease-out data-[activation-direction=none]:transition-none",
-  {
-    variants: {
-      size: {
-        default: "rounded-md",
-        small: "rounded-sm"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-function p({
-  className: t,
-  size: e,
-  ...o
-}) {
-  return /* @__PURE__ */ n(
-    a.Indicator,
-    {
-      "data-slot": "segmented-control-indicator",
-      className: i(b({ size: e }), t),
-      ...o
-    }
-  );
+var d = a("bg-background pointer-events-none absolute top-(--active-tab-top) left-(--active-tab-left) -z-0 h-(--active-tab-height) w-(--active-tab-width) motion-safe:transition-[top,left,width,height] motion-safe:duration-200 motion-safe:ease-out data-[activation-direction=none]:transition-none", {
+	variants: { size: {
+		default: "rounded-md",
+		small: "rounded-sm"
+	} },
+	defaultVariants: { size: "default" }
+});
+function f({ className: t, size: n, ...i }) {
+	return /* @__PURE__ */ r(o.Indicator, {
+		"data-slot": "segmented-control-indicator",
+		className: e(d({ size: n }), t),
+		...i
+	});
 }
-const v = l(
-  "text-sm leading-4.5 tracking-normal font-medium relative z-10 inline-flex flex-1 items-center justify-center whitespace-nowrap text-muted-foreground dark:text-muted-foreground border border-transparent transition-[color,box-shadow] duration-200 ease-out focus-visible:border-ring focus-visible:ring focus-visible:ring-ring-shadow focus-visible:outline-1 focus-visible:outline-ring [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 data-disabled:pointer-events-none data-disabled:opacity-50 hover:text-foreground data-active:text-foreground data-active:hover:text-foreground",
-  {
-    variants: {
-      size: {
-        default: "rounded-md",
-        small: "rounded-sm"
-      },
-      tabContent: {
-        "icon-label": "",
-        "label-only": "",
-        "icon-only": "px-0"
-      }
-    },
-    compoundVariants: [
-      {
-        size: "default",
-        tabContent: "icon-label",
-        className: "h-8 gap-2 px-2 py-0"
-      },
-      {
-        size: "default",
-        tabContent: "label-only",
-        className: "h-8 gap-0 px-2 py-0"
-      },
-      {
-        size: "default",
-        tabContent: "icon-only",
-        className: "size-8 gap-0 py-0"
-      },
-      {
-        size: "small",
-        tabContent: "icon-label",
-        className: "h-6 gap-2 px-2 py-0"
-      },
-      {
-        size: "small",
-        tabContent: "label-only",
-        className: "h-6 gap-0 px-2 py-0"
-      },
-      {
-        size: "small",
-        tabContent: "icon-only",
-        className: "size-6 gap-0 py-0"
-      }
-    ],
-    defaultVariants: {
-      size: "default",
-      tabContent: "icon-label"
-    }
-  }
-);
-function w({
-  className: t,
-  size: e,
-  tabContent: o,
-  ...r
-}) {
-  const s = f(d), c = e ?? s;
-  return /* @__PURE__ */ n(
-    a.Tab,
-    {
-      "data-slot": "segmented-control-trigger",
-      className: i(
-        v({ size: c, tabContent: o }),
-        t
-      ),
-      ...r
-    }
-  );
+var p = a("text-sm leading-4.5 tracking-normal font-medium relative z-10 inline-flex flex-1 items-center justify-center whitespace-nowrap text-muted-foreground dark:text-muted-foreground border border-transparent transition-[color,box-shadow] duration-200 ease-out focus-visible:border-ring focus-visible:ring focus-visible:ring-ring-shadow focus-visible:outline-1 focus-visible:outline-ring [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 data-disabled:pointer-events-none data-disabled:opacity-50 hover:text-foreground data-active:text-foreground data-active:hover:text-foreground", {
+	variants: {
+		size: {
+			default: "rounded-md",
+			small: "rounded-sm"
+		},
+		tabContent: {
+			"icon-label": "",
+			"label-only": "",
+			"icon-only": "px-0"
+		}
+	},
+	compoundVariants: [
+		{
+			size: "default",
+			tabContent: "icon-label",
+			className: "h-8 gap-2 px-2 py-0"
+		},
+		{
+			size: "default",
+			tabContent: "label-only",
+			className: "h-8 gap-0 px-2 py-0"
+		},
+		{
+			size: "default",
+			tabContent: "icon-only",
+			className: "size-8 gap-0 py-0"
+		},
+		{
+			size: "small",
+			tabContent: "icon-label",
+			className: "h-6 gap-2 px-2 py-0"
+		},
+		{
+			size: "small",
+			tabContent: "label-only",
+			className: "h-6 gap-0 px-2 py-0"
+		},
+		{
+			size: "small",
+			tabContent: "icon-only",
+			className: "size-6 gap-0 py-0"
+		}
+	],
+	defaultVariants: {
+		size: "default",
+		tabContent: "icon-label"
+	}
+});
+function m({ className: t, size: i, tabContent: a, ...s }) {
+	let c = n(l), u = i ?? c;
+	return /* @__PURE__ */ r(o.Tab, {
+		"data-slot": "segmented-control-trigger",
+		className: e(p({
+			size: u,
+			tabContent: a
+		}), t),
+		...s
+	});
 }
-function V({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ n(
-    a.Panel,
-    {
-      "data-slot": "segmented-control-content",
-      className: i("flex-1 outline-none", t),
-      ...e
-    }
-  );
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ r(o.Panel, {
+		"data-slot": "segmented-control-content",
+		className: e("flex-1 outline-none", t),
+		...n
+	});
 }
-export {
-  N as SegmentedControl,
-  w as SegmentedControlButton,
-  V as SegmentedControlContent,
-  S as SegmentedControlList,
-  v as segmentedControlButtonVariants,
-  g as segmentedControlListVariants
-};
+//#endregion
+export { s as SegmentedControl, m as SegmentedControlButton, h as SegmentedControlContent, u as SegmentedControlList, p as segmentedControlButtonVariants, c as segmentedControlListVariants };