@arcadeai/design-system 3.46.0 → 3.48.0

package/README.md

@@ -1,6 +1,6 @@
 # Arcade Design System
 
-Published as [`@arcadeai/design-system`](https://www.npmjs.com/package/@arcadeai/design-system) — 100+ accessible React components built on Radix UI with Tailwind CSS.
+Published as [`@arcadeai/design-system`](https://www.npmjs.com/package/@arcadeai/design-system) — 100+ accessible React components built on Base UI with Tailwind CSS.
 
 ## Usage
 

package/dist/{toggle-C4ztdcN-.js → Toggle-CyMSF-Z7.js}

@@ -6,23 +6,21 @@ import { t as r, u as i } from "./useRenderElement-CmuWsiNa.js";
 import { g as a, t as o } from "./createBaseUIEventDetails-ChcQXp54.js";
 import { t as s } from "./useBaseUiId-DOm5ACje.js";
 import { t as c } from "./useButton-AXffhTAZ.js";
-import { cn as l } from "./lib/utils.js";
-import { t as u } from "./dist-Ber_p4PA.js";
-import { t as d } from "./CompositeItem-BWqRobLN.js";
-import * as f from "react";
-import { jsx as p } from "react/jsx-runtime";
+import { t as l } from "./CompositeItem-BWqRobLN.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/ToggleGroupContext.js
-var m = /*#__PURE__*/ f.createContext(void 0);
-process.env.NODE_ENV !== "production" && (m.displayName = "ToggleGroupContext");
-function h(e = !0) {
-	let t = f.useContext(m);
+var f = /*#__PURE__*/ u.createContext(void 0);
+process.env.NODE_ENV !== "production" && (f.displayName = "ToggleGroupContext");
+function p(e = !0) {
+	let t = u.useContext(f);
 	if (t === void 0 && !e) throw Error(process.env.NODE_ENV === "production" ? i(7) : "Base UI: ToggleGroupContext is missing. ToggleGroup parts must be placed within <ToggleGroup>.");
 	return t;
 }
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.5.0+f4ada88178b00e6f/node_modules/@base-ui/react/esm/toggle/Toggle.js
-var g = /*#__PURE__*/ f.forwardRef(function(i, l) {
-	let { className: u, defaultPressed: f = !1, disabled: m = !1, form: g, onPressedChange: _, pressed: v, render: y, type: b, value: x, nativeButton: S = !0, style: C, ...w } = i, T = s(x || void 0), E = h(), D = E?.value ?? [], O = E ? void 0 : f, k = (m || E?.disabled) ?? !1;
+var m = /*#__PURE__*/ u.forwardRef(function(i, u) {
+	let { className: f, defaultPressed: m = !1, disabled: h = !1, form: g, onPressedChange: _, pressed: v, render: y, type: b, value: x, nativeButton: S = !0, style: C, ...w } = i, T = s(x || void 0), E = p(), D = E?.value ?? [], O = E ? void 0 : m, k = (h || E?.disabled) ?? !1;
 	process.env.NODE_ENV !== "production" && n(() => {
 		E && x === void 0 && E.isValueInitialized && e("A `<Toggle>` component rendered in a `<ToggleGroup>` has no explicit `value` prop.", "This will cause issues between the Toggle Group and Toggle values.", "Provide the `<Toggle>` with a `value` prop matching the `<ToggleGroup>` values prop type.");
 	}, [
@@ -41,7 +39,7 @@ var g = /*#__PURE__*/ f.forwardRef(function(i, l) {
 	}), P = {
 		disabled: k,
 		pressed: A
-	}, F = [N, l], I = [
+	}, F = [N, u], I = [
 		{
 			"aria-pressed": A,
 			onClick(e) {
@@ -57,46 +55,16 @@ var g = /*#__PURE__*/ f.forwardRef(function(i, l) {
 		ref: F,
 		props: I
 	});
-	return E ? /*#__PURE__*/ p(d, {
+	return E ? /*#__PURE__*/ d(l, {
 		tag: "button",
 		render: y,
-		className: u,
+		className: f,
 		style: C,
 		state: P,
 		refs: F,
 		props: I
 	}) : L;
 });
-process.env.NODE_ENV !== "production" && (g.displayName = "Toggle");
+process.env.NODE_ENV !== "production" && (m.displayName = "Toggle");
 //#endregion
-//#region lib/components/ui/atoms/toggle.tsx
-var _ = u("group/toggle inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-[color,box-shadow] hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-pressed:bg-muted aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
-	variants: {
-		variant: {
-			default: "bg-transparent",
-			outline: "border border-input bg-transparent shadow-xs hover:bg-muted"
-		},
-		size: {
-			default: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-			sm: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
-			lg: "h-10 min-w-10 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-function v({ className: e, variant: t = "default", size: n = "default", ...r }) {
-	return /* @__PURE__ */ p(g, {
-		className: l(_({
-			variant: t,
-			size: n,
-			className: e
-		})),
-		"data-slot": "toggle",
-		...r
-	});
-}
-//#endregion
-export { _ as n, v as t };
+export { f as n, m as t };

package/dist/ToolbarRootContext-DVNA8Vkb.js

@@ -0,0 +1,13 @@
+"use client";
+import { u as e } from "./useRenderElement-CmuWsiNa.js";
+import * as t from "react";
+//#region ../../node_modules/.bun/@base-ui+react@1.5.0+f4ada88178b00e6f/node_modules/@base-ui/react/esm/toolbar/root/ToolbarRootContext.js
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "ToolbarRootContext");
+function r(r) {
+	let i = t.useContext(n);
+	if (i === void 0 && !r) throw Error(process.env.NODE_ENV === "production" ? e(69) : "Base UI: ToolbarRootContext is missing. Toolbar parts must be placed within <Toolbar.Root>.");
+	return i;
+}
+//#endregion
+export { r as t };

package/dist/{alert-dialog-oB_cE8NP.js → alert-dialog-tBMDYzJ3.js}

@@ -47,7 +47,7 @@ function v({ className: t, size: n = "default", ...i }) {
 }
 function y({ className: t, ...n }) {
 	return /* @__PURE__ */ u("div", {
-		className: e("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", t),
+		className: e("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:place-items-start sm:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", t),
 		"data-slot": "alert-dialog-header",
 		...n
 	});