@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/ButtonGroup.js

@@ -1,61 +1,57 @@
 "use client";
 import "./styles/main.css";
-import { jsx as i } from "react/jsx-runtime";
-import { ButtonGroupButton as u } from "./ButtonGroup/ButtonGroupButton.js";
-import { Separator as d } from "./Separator.js";
-import { Slot as m } from "./primitives/slot.js";
-import { cn as l } from "./utils/twUtils.js";
-import { c } from "./index-D29mdTf5.js";
-import { Children as f, isValidElement as b, cloneElement as g } from "react";
-const v = c(
-  `flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1
-  has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2`,
-  {
-    variants: {
-      orientation: {
-        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
-        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-), h = ({
-  children: o,
-  className: r,
-  orientation: t = "horizontal",
-  size: a = "md",
-  variant: n = "default",
-  ...s
-}) => /* @__PURE__ */ i("div", { "aria-label": s["aria-label"], className: l(v({ orientation: t }), r), "data-orientation": t, "data-slot": "button-group", "data-testid": "spectral-button-group", role: "group", ...s, children: f.map(o, (e) => b(e) && (e.type === p || e.type === u) ? g(e, {
-  variant: e.props.variant ?? n,
-  size: e.props.size ?? a
-}) : e) });
-h.displayName = "ButtonGroup";
-const p = ({
-  asChild: o,
-  children: r,
-  className: t,
-  size: a,
-  variant: n,
-  ...s
-}) => /* @__PURE__ */ i(u, { asChild: o, className: l(t), "data-slot": "button-group-item", "data-testid": "spectral-button-group-item", "data-variant": n, size: a, variant: n, ...s, children: r });
-p.displayName = "ButtonGroupItem";
-const C = ({
-  asChild: o = !1,
-  className: r,
-  ...t
-}) => /* @__PURE__ */ i(o ? m : "div", { className: l("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", r), "data-slot": "button-group-text", "data-testid": "spectral-button-group-text", ...t }), x = ({
-  className: o,
-  orientation: r = "vertical",
-  ...t
-}) => /* @__PURE__ */ i(d, { className: l("bg-input-primitive-border relative m-0! self-stretch data-[orientation=vertical]:h-auto", o), "data-slot": "button-group-separator", "data-testid": "spectral-button-group-separator", orientation: r, ...t });
-x.displayName = "ButtonGroupSeparator";
-export {
-  h as ButtonGroup,
-  p as ButtonGroupItem,
-  x as ButtonGroupSeparator,
-  C as ButtonGroupText,
-  v as buttonGroupVariants
-};
+import { t as e } from "./twUtils-VNWgstKL.js";
+import { t } from "./dist-B4g6zpUF.js";
+import { Slot as n } from "./primitives/slot.js";
+import { Separator as r } from "./Separator.js";
+import { ButtonGroupButton as i } from "./ButtonGroup/ButtonGroupButton.js";
+import { Children as a, cloneElement as o, isValidElement as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/components/ButtonGroup/ButtonGroup.tsx
+var l = t("has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2 flex w-fit items-stretch [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+	variants: { orientation: {
+		horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+}), u = ({ children: t, className: n, orientation: r = "horizontal", size: u = "md", variant: f = "default", ...p }) => /* @__PURE__ */ c("div", {
+	"aria-label": p["aria-label"],
+	className: e(l({ orientation: r }), n),
+	"data-orientation": r,
+	"data-slot": "button-group",
+	"data-testid": "spectral-button-group",
+	role: "group",
+	...p,
+	children: a.map(t, (e) => s(e) && (e.type === d || e.type === i) ? o(e, {
+		variant: e.props.variant ?? f,
+		size: e.props.size ?? u
+	}) : e)
+});
+u.displayName = "ButtonGroup";
+var d = ({ asChild: t, children: n, className: r, size: a, variant: o, ...s }) => /* @__PURE__ */ c(i, {
+	asChild: t,
+	className: e(r),
+	"data-slot": "button-group-item",
+	"data-testid": "spectral-button-group-item",
+	"data-variant": o,
+	size: a,
+	variant: o,
+	...s,
+	children: n
+});
+d.displayName = "ButtonGroupItem";
+var f = ({ asChild: t = !1, className: r, ...i }) => /* @__PURE__ */ c(t ? n : "div", {
+	className: e("bg-muted gap-2 rounded-md px-4 text-sm font-medium shadow-xs [&_svg:not([class*='size-'])]:size-4 flex items-center border [&_svg]:pointer-events-none", r),
+	"data-slot": "button-group-text",
+	"data-testid": "spectral-button-group-text",
+	...i
+}), p = ({ className: t, orientation: n = "vertical", ...i }) => /* @__PURE__ */ c(r, {
+	className: e("m-0! relative self-stretch bg-input-primitive-border data-[orientation=vertical]:h-auto", t),
+	"data-slot": "button-group-separator",
+	"data-testid": "spectral-button-group-separator",
+	orientation: n,
+	...i
+});
+p.displayName = "ButtonGroupSeparator";
+//#endregion
+export { u as ButtonGroup, d as ButtonGroupItem, p as ButtonGroupSeparator, f as ButtonGroupText, l as buttonGroupVariants };

package/dist/ButtonIcon.js

@@ -1,137 +1,61 @@
 "use client";
 import "./styles/main.css";
-import { jsx as a } from "react/jsx-runtime";
-import "./Icons/AnalyzeIcon.js";
-import "./Icons/AnnotationsIcon.js";
-import "./Icons/ApprovedIcon.js";
-import "./Icons/ArrowDownIcon.js";
-import "./Icons/ArrowUpIcon.js";
-import "./Icons/BoxToolIcon.js";
-import "./Icons/CalendarIcon.js";
-import "./Icons/CheckCircleIcon.js";
-import "./Icons/CheckSquareIcon.js";
-import "./Icons/CheckmarkIcon.js";
-import "./Icons/ChevronDownIcon.js";
-import "./Icons/ChevronUpIcon.js";
-import "./Icons/ClockIcon.js";
-import "./Icons/CloseCircleIcon.js";
-import "./Icons/CloseIcon.js";
-import "./Icons/DashboardIcon.js";
-import "./Icons/DatabaseIcon.js";
-import "./Icons/DeleteIcon.js";
-import "./Icons/DurationIcon.js";
-import "./Icons/EditIcon.js";
-import "./Icons/EmailIcon.js";
-import "./Icons/EraserIcon.js";
-import "./Icons/ErrorIcon.js";
-import "./Icons/EyeClosedIcon.js";
-import "./Icons/EyeClosedIcon2.js";
-import "./Icons/EyeOpenIcon.js";
-import "./Icons/FileDownloadIcon.js";
-import "./Icons/GoToFirstIcon.js";
-import "./Icons/GoToLastIcon.js";
-import "./Icons/HarmonicCursorsIcon.js";
-import "./Icons/InfoIcon.js";
-import "./Icons/KeyboardIcon.js";
-import "./Icons/LabelIcon.js";
-import "./Icons/LassoIcon.js";
-import "./Icons/LineToolIcon.js";
-import "./Icons/LiveViewIcon.js";
-import { LoaderIcon as N } from "./Icons/LoaderIcon.js";
-import "./Icons/LocationIcon.js";
-import "./Icons/LogoutIcon.js";
-import "./Icons/MeasureIcon.js";
-import "./Icons/MessagesIcon.js";
-import "./Icons/MetadataIcon.js";
-import "./Icons/MinusIcon.js";
-import "./Icons/OntologyIcon.js";
-import "./Icons/PanelIconClose.js";
-import "./Icons/PanelIconOpen.js";
-import "./Icons/PlayIcon.js";
-import "./Icons/PlusIcon.js";
-import "./Icons/PolygonIcon.js";
-import "./Icons/ResetIcon.js";
-import "./Icons/ReviewedIcon.js";
-import "./Icons/ScissorsIcon.js";
-import "./Icons/SearchIcon.js";
-import "./Icons/SettingsIcon.js";
-import "./Icons/SortAscendingIcon.js";
-import "./Icons/SortAtoZIcon.js";
-import "./Icons/SortDescendingIcon.js";
-import "./Icons/SortZtoAIcon.js";
-import "./Icons/StackIcon.js";
-import "./Icons/StarIcon.js";
-import "./Icons/TrashIcon.js";
-import "./Icons/UndoIcon.js";
-import "./Icons/User2Icon.js";
-import "./Icons/UserIcon.js";
-import "./Icons/WarningIcon.js";
-import "./Icons/ZoomAllIcon.js";
-import "./Icons/ZoomXIcon.js";
-import "./Icons/ZoomYIcon.js";
-import { cn as e } from "./utils/twUtils.js";
-import { isValidElement as g, cloneElement as m } from "react";
-const x = `bg-transparent hover:bg-level-one text-text-primary inline-flex items-center justify-center whitespace-nowrap transition-colors focus:outline-none focus-visible:outline-2
-  focus-visible:outline-offset-2 focus-visible:outline-level-two cursor-pointer [&_svg]:pointer-events-none [&_svg]:shrink-0`, n = {
-  sm: { button: "h-8 w-8", icon: 16 },
-  md: { button: "h-10 w-10", icon: 24 },
-  lg: { button: "h-12 w-12", icon: 32 }
-}, k = ({
-  className: u,
-  disabled: s,
-  icon: r,
-  isLoading: o = !1,
-  label: c,
-  onClick: f,
-  ref: d,
-  shape: h = "square",
-  size: i = "md",
-  ...b
-}) => {
-  const y = (t) => f?.(t), v = o ? `${c} - Loading` : c, w = () => {
-    if (o)
-      return /* @__PURE__ */ a(N, { size: n[i].icon, ariaHidden: !0 });
-    const t = typeof r == "function" ? r() : r;
-    if (g(t)) {
-      const p = n[i].icon;
-      if (t.type === "svg")
-        return m(t, {
-          className: e("shrink-0", t.props.className),
-          height: p,
-          width: p,
-          "aria-hidden": "true"
-        });
-      const l = {
-        ariaHidden: !0,
-        className: e("shrink-0", t.props.className)
-      };
-      if (t.type.displayName?.endsWith("Icon") ?? !1) {
-        const I = {
-          ...l,
-          size: p
-        };
-        return m(t, I);
-      }
-      return m(t, l);
-    }
-    return t;
-  };
-  return /* @__PURE__ */ a(
-    "button",
-    {
-      "aria-label": v,
-      className: e(x, h === "circle" ? "rounded-full" : "rounded-xl", n[i].button, o && "cursor-wait", s && "cursor-not-allowed opacity-50", u),
-      "data-testid": "spectral-button-icon",
-      disabled: s ?? o,
-      onClick: y,
-      ref: d,
-      type: "button",
-      ...b,
-      children: w()
-    }
-  );
-};
-k.displayName = "ButtonIcon";
-export {
-  k as ButtonIcon
+import { LoaderIcon as e } from "./Icons/LoaderIcon.js";
+import { t } from "./twUtils-VNWgstKL.js";
+import { cloneElement as n, isValidElement as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/ButtonIcon/ButtonIcon.tsx
+var a = "bg-transparent hover:bg-level-one text-text-primary inline-flex items-center justify-center whitespace-nowrap transition-colors focus:outline-none focus-visible:outline-2\n  focus-visible:outline-offset-2 focus-visible:outline-level-two cursor-pointer [&_svg]:pointer-events-none [&_svg]:shrink-0", o = {
+	sm: {
+		button: "h-8 w-8",
+		icon: 16
+	},
+	md: {
+		button: "h-10 w-10",
+		icon: 24
+	},
+	lg: {
+		button: "h-12 w-12",
+		icon: 32
+	}
+}, s = ({ className: s, disabled: c, icon: l, isLoading: u = !1, label: d, onClick: f, ref: p, shape: m = "square", size: h = "md", ...g }) => {
+	let _ = (e) => f?.(e), v = u ? `${d} - Loading` : d, y = () => {
+		if (u) return /* @__PURE__ */ i(e, {
+			size: o[h].icon,
+			ariaHidden: !0
+		});
+		let a = typeof l == "function" ? l() : l;
+		if (r(a)) {
+			let e = o[h].icon;
+			if (a.type === "svg") return n(a, {
+				className: t("shrink-0", a.props.className),
+				height: e,
+				width: e,
+				"aria-hidden": "true"
+			});
+			let r = {
+				ariaHidden: !0,
+				className: t("shrink-0", a.props.className)
+			};
+			return a.type.displayName?.endsWith("Icon") ?? !1 ? n(a, {
+				...r,
+				size: e
+			}) : n(a, r);
+		}
+		return a;
+	};
+	return /* @__PURE__ */ i("button", {
+		"aria-label": v,
+		className: t(a, m === "circle" ? "rounded-full" : "rounded-xl", o[h].button, u && "cursor-wait", c && "cursor-not-allowed opacity-50", s),
+		"data-testid": "spectral-button-icon",
+		disabled: c ?? u,
+		onClick: _,
+		ref: p,
+		type: "button",
+		...g,
+		children: y()
+	});
 };
+s.displayName = "ButtonIcon";
+//#endregion
+export { s as ButtonIcon };