@arcadeai/design-system 3.46.1 → 3.49.0

package/dist/{scroll-area-BD6qsU_I.js → scroll-area-53KPfESS.js}

@@ -523,18 +523,21 @@ var V = {
 	hover: "opacity-0 data-hovering:opacity-100 data-scrolling:opacity-100 transition-opacity duration-150",
 	scroll: "opacity-0 data-scrolling:opacity-100 transition-opacity duration-150"
 };
-function H({ className: e, children: t, type: n = "auto", ...r }) {
+function H({ className: e, children: t, type: n = "auto", orientation: r = "vertical", ...i }) {
 	return /* @__PURE__ */ _(D, {
 		className: u("relative", e),
 		"data-slot": "scroll-area",
-		...r,
+		...i,
 		children: [
 			/* @__PURE__ */ g(M, {
 				className: "size-full rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50",
 				"data-slot": "scroll-area-viewport",
 				children: t
 			}),
-			/* @__PURE__ */ g(ie, { className: V[n] }),
+			(r === "both" ? ["vertical", "horizontal"] : [r]).map((e) => /* @__PURE__ */ g(ie, {
+				className: V[n],
+				orientation: e
+			}, e)),
 			/* @__PURE__ */ g(B, {})
 		]
 	});

package/dist/{select-cAvbXH_n.js → select-CPTT__cT.js}

@@ -30,7 +30,8 @@ import { a as ue, n as de, o as W, r as G, t as fe } from "./usePositioner-D65mU
 import { n as pe, r as me, t as K } from "./getPseudoElementBounds-DarjR4tH.js";
 import { t as he } from "./inertValue-C36grUTu.js";
 import { t as ge } from "./useValueChanged-j5e75XB6.js";
-import { n as _e, t as q } from "./ToolbarRootContext-Dubw_915.js";
+import { t as _e } from "./useAnchoredPopupScrollLock-C8wRjuy0.js";
+import { t as q } from "./ToolbarRootContext-DVNA8Vkb.js";
 import { i as ve, n as ye, r as be, t as J } from "./LabelableContext-Q1Z-xUI9.js";
 import { t as xe } from "./FormContext-4NSsO4w6.js";
 import { t as Se } from "./Separator-CgntgfMd.js";

package/dist/toggle-group-CDYMBO0F.js

@@ -0,0 +1,87 @@
+"use client";
+import { t as e } from "./useControlled-ZBScq72P.js";
+import { a as t, t as n } from "./useRenderElement-CmuWsiNa.js";
+import { t as r } from "./useStableCallback-CqEVb76s.js";
+import { cn as i } from "./lib/utils.js";
+import { t as a } from "./ToolbarRootContext-DVNA8Vkb.js";
+import { filterChipVariants as o } from "./components/ui/atoms/filter-chip.js";
+import { t as s } from "./CompositeRoot-BIh8l7ys.js";
+import { n as c, t as l } from "./Toggle-CyMSF-Z7.js";
+import * as u from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@base-ui+react@1.5.0+f4ada88178b00e6f/node_modules/@base-ui/react/esm/toggle-group/ToggleGroupDataAttributes.js
+var f = /*#__PURE__*/ function(e) {
+	return e.disabled = "data-disabled", e.orientation = "data-orientation", e.multiple = "data-multiple", e;
+}({}), p = { multiple(e) {
+	return e ? { [f.multiple]: "" } : null;
+} }, m = /*#__PURE__*/ u.forwardRef(function(i, o) {
+	let { defaultValue: l, disabled: f = !1, loopFocus: m = !0, onValueChange: h, orientation: g = "horizontal", multiple: _ = !1, value: v, className: y, render: b, style: x, ...S } = i, C = a(!0), w = u.useMemo(() => v !== void 0 || l !== void 0, [v, l]), T = (C?.disabled ?? !1) || f, [E, D] = e({
+		controlled: v,
+		default: v === void 0 ? l ?? t : void 0,
+		name: "ToggleGroup",
+		state: "value"
+	}), O = r((e, t, n) => {
+		let r;
+		_ ? (r = E.slice(), t ? r.push(e) : r.splice(E.indexOf(e), 1)) : r = t ? [e] : [], h?.(r, n), !n.isCanceled && D(r);
+	}), k = {
+		disabled: T,
+		multiple: _,
+		orientation: g
+	}, A = u.useMemo(() => ({
+		disabled: T,
+		orientation: g,
+		setGroupValue: O,
+		value: E,
+		isValueInitialized: w
+	}), [
+		T,
+		g,
+		O,
+		E,
+		w
+	]), j = { role: "group" }, M = n("div", i, {
+		enabled: !!C,
+		state: k,
+		ref: o,
+		props: [j, S],
+		stateAttributesMapping: p
+	});
+	return /*#__PURE__*/ d(c.Provider, {
+		value: A,
+		children: C ? M : /*#__PURE__*/ d(s, {
+			render: b,
+			className: y,
+			style: x,
+			state: k,
+			refs: [o],
+			props: [j, S],
+			stateAttributesMapping: p,
+			loopFocus: m,
+			enableHomeAndEndKeys: !0,
+			orientation: g
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (m.displayName = "ToggleGroup");
+//#endregion
+//#region lib/components/ui/atoms/toggle-group.tsx
+function h({ className: e, ...t }) {
+	return /* @__PURE__ */ d(m, {
+		...t,
+		className: i("flex flex-wrap items-center gap-1.5", e),
+		"data-slot": "toggle-group"
+	});
+}
+function g({ value: e, size: t, className: n, ...r }) {
+	return /* @__PURE__ */ d(l, {
+		...r,
+		className: (e) => i(o({
+			size: t,
+			selected: e.pressed
+		}), n),
+		"data-slot": "toggle-group-chip",
+		value: e
+	});
+}
+//#endregion
+export { g as n, h as t };

package/dist/useAnchoredPopupScrollLock-C8wRjuy0.js

@@ -0,0 +1,24 @@
+"use client";
+import { t as e } from "./useIsoLayoutEffect-CKOv1bV_.js";
+import { t } from "./owner-BrzQrszh.js";
+import { s as n } from "./useOpenInteractionType-D-ymktmc.js";
+import * as r from "react";
+//#region ../../node_modules/.bun/@base-ui+react@1.5.0+f4ada88178b00e6f/node_modules/@base-ui/react/esm/utils/useAnchoredPopupScrollLock.js
+var i = 20;
+function a(a, o, s, c) {
+	let [l, u] = r.useState(!1);
+	e(() => {
+		if (!a || !o || s == null) {
+			u(!1);
+			return;
+		}
+		let e = t(s).documentElement.clientWidth, n = s.offsetWidth;
+		u(e > 0 && n > 0 && n >= e - i);
+	}, [
+		a,
+		o,
+		s
+	]), n(a && (!o || l), c);
+}
+//#endregion
+export { a as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcadeai/design-system",
   "private": false,
-  "version": "3.46.1",
+  "version": "3.49.0",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",
@@ -41,7 +41,7 @@
     "dev:types": "tsc -b ./tsconfig.lib.json --watch --preserveWatchOutput",
     "prebuild": "bun run generate-icons",
     "prepack": "bun ./scripts/sync-publish-exports.ts",
-    "build": "tsc -b ./tsconfig.lib.json && vite build && cp lib/global.d.ts dist/",
+    "build": "bun --bun tsc -b ./tsconfig.lib.json && bun --bun vite build && cp lib/global.d.ts dist/",
     "check": "bunx biome check --write && tsc --noEmit",
     "clean": "rm -rf dist dist-ssr storybook-static coverage",
     "test:unit": "vitest --project unit --coverage --run",

package/dist/ToolbarRootContext-Dubw_915.js

@@ -1,34 +0,0 @@
-"use client";
-import { t as e } from "./useIsoLayoutEffect-CKOv1bV_.js";
-import { u as t } from "./useRenderElement-CmuWsiNa.js";
-import { t as n } from "./owner-BrzQrszh.js";
-import { s as r } from "./useOpenInteractionType-D-ymktmc.js";
-import * as i from "react";
-//#region ../../node_modules/.bun/@base-ui+react@1.5.0+f4ada88178b00e6f/node_modules/@base-ui/react/esm/utils/useAnchoredPopupScrollLock.js
-var a = 20;
-function o(t, o, s, c) {
-	let [l, u] = i.useState(!1);
-	e(() => {
-		if (!t || !o || s == null) {
-			u(!1);
-			return;
-		}
-		let e = n(s).documentElement.clientWidth, r = s.offsetWidth;
-		u(e > 0 && r > 0 && r >= e - a);
-	}, [
-		t,
-		o,
-		s
-	]), r(t && (!o || l), c);
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.5.0+f4ada88178b00e6f/node_modules/@base-ui/react/esm/toolbar/root/ToolbarRootContext.js
-var s = /*#__PURE__*/ i.createContext(void 0);
-process.env.NODE_ENV !== "production" && (s.displayName = "ToolbarRootContext");
-function c(e) {
-	let n = i.useContext(s);
-	if (n === void 0 && !e) throw Error(process.env.NODE_ENV === "production" ? t(69) : "Base UI: ToolbarRootContext is missing. Toolbar parts must be placed within <Toolbar.Root>.");
-	return n;
-}
-//#endregion
-export { o as n, c as t };