@arcadeai/design-system 3.46.1 → 3.48.0

package/dist/components/ui/atoms/mobile-tooltip.js

@@ -1,7 +1,7 @@
 "use client";
 "use client";
 import { i as e, n as t, r as n, t as r } from "../../../tooltip-34vRSwJG.js";
-import { n as i, o as a, t as o } from "../../../popover-Ck3ILBUA.js";
+import { n as i, o as a, t as o } from "../../../popover-CXSOUeVQ.js";
 import { createContext as s, useContext as c, useEffect as l, useState as u } from "react";
 import { jsx as d } from "react/jsx-runtime";
 //#region lib/components/ui/atoms/mobile-tooltip.tsx

package/dist/components/ui/atoms/popover.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, o as r, r as i, t as a } from "../../../popover-Ck3ILBUA.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../../popover-CXSOUeVQ.js";
 export { a as Popover, n as PopoverContent, i as PopoverDescription, t as PopoverHeader, e as PopoverTitle, r as PopoverTrigger };

package/dist/components/ui/atoms/removable-chip.d.ts

@@ -0,0 +1,38 @@
+import type * as React from "react";
+declare const chipBodyButtonClass = "inline-flex cursor-pointer items-center gap-1.5 transition-[background-color,color,transform] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-inset active:scale-[0.98] motion-reduce:transition-colors motion-reduce:active:scale-100";
+export type RemovableChipProps = {
+    /** Accessible label for the trailing remove (×) button. */
+    removeLabel: string;
+    /** Remove handler for the trailing × button. */
+    onRemove?: () => void;
+    /**
+     * Pressed/open visual — adds a ring so the active state reads at a glance.
+     * The ring uses the default focus colour; override it (or add a fill) through
+     * `className` when a chip wants a branded active state.
+     */
+    active?: boolean;
+    /**
+     * Chip body — typically one or more `RemovableChipButton`s plus any middle
+     * affordances (e.g. a popover trigger). The faint divider and the trailing ×
+     * button are appended automatically.
+     */
+    children: React.ReactNode;
+} & Omit<React.ComponentProps<"div">, "children">;
+/**
+ * The shared shell for the picker's segmented chips: a rounded `bg-muted/40`
+ * pill hosting a body, then a faint divider, then a trailing × remove button.
+ * Centralising the shell, divider, and remove button keeps every chip's shape,
+ * focus ring, and press animation in sync — consumers supply only the body and
+ * the labels. Powers `McpToolkitChip` and `McpRecommendedToolkitsChip`.
+ */
+export declare function RemovableChip({ removeLabel, onRemove, active, children, className, ...rest }: RemovableChipProps): React.JSX.Element;
+export type RemovableChipButtonProps = Omit<React.ComponentProps<"button">, "type">;
+/**
+ * A body affordance inside a `RemovableChip` (e.g. "open this server's tools"
+ * or "review this set"). Shares the chip's hover, focus, and press styling and
+ * rounds its left edge to meet the shell. Pass `className` to tune padding for
+ * its position in the chip.
+ */
+export declare function RemovableChipButton({ className, ...props }: RemovableChipButtonProps): React.JSX.Element;
+export { chipBodyButtonClass as removableChipButtonClass };
+//# sourceMappingURL=removable-chip.d.ts.map

package/dist/components/ui/atoms/removable-chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"removable-chip.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/removable-chip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,QAAA,MAAM,mBAAmB,0WACgV,CAAC;AAE1W,MAAM,MAAM,kBAAkB,GAAG;IAC/B,2DAA2D;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,QAAQ,EACR,MAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,qBA2BpB;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAC9B,MAAM,CACP,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,qBAY1B;AAED,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,CAAC"}

package/dist/components/ui/atoms/removable-chip.js

@@ -0,0 +1,36 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { X as i } from "lucide-react";
+//#region lib/components/ui/atoms/removable-chip.tsx
+var a = "inline-flex cursor-pointer items-center gap-1.5 transition-[background-color,color,transform] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-inset active:scale-[0.98] motion-reduce:transition-colors motion-reduce:active:scale-100";
+function o({ removeLabel: a, onRemove: o, active: s = !1, children: c, className: l, ...u }) {
+	return /* @__PURE__ */ r("div", {
+		className: e("ds-focus-in inline-flex shrink-0 items-center rounded-md bg-muted/40 text-xs", s ? "ring-2 ring-ring/60" : "hover:bg-muted/60", l),
+		...u,
+		children: [c, o ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("span", {
+			"aria-hidden": !0,
+			className: "h-4 w-px shrink-0 bg-foreground/10"
+		}), /* @__PURE__ */ n("button", {
+			"aria-label": a,
+			className: "inline-flex cursor-pointer items-center self-stretch rounded-r-md pr-2 pl-1.5 text-muted-foreground transition-[background-color,color,transform] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] hover:bg-foreground/10 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-inset active:scale-[0.98] motion-reduce:transition-colors motion-reduce:active:scale-100",
+			onClick: o,
+			title: a,
+			type: "button",
+			children: /* @__PURE__ */ n(i, {
+				"aria-hidden": !0,
+				className: "size-3"
+			})
+		})] }) : null]
+	});
+}
+function s({ className: t, ...r }) {
+	return /* @__PURE__ */ n("button", {
+		className: e(a, "rounded-l-md py-1 pr-2 pl-1.5", t),
+		type: "button",
+		...r
+	});
+}
+//#endregion
+export { o as RemovableChip, s as RemovableChipButton, a as removableChipButtonClass };

package/dist/components/ui/atoms/scroll-area.d.ts

@@ -1,7 +1,13 @@
 import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
 type ScrollAreaType = "auto" | "always" | "hover" | "scroll";
-declare function ScrollArea({ className, children, type, ...props }: ScrollAreaPrimitive.Root.Props & {
+declare function ScrollArea({ className, children, type, orientation, ...props }: ScrollAreaPrimitive.Root.Props & {
     type?: ScrollAreaType;
+    /**
+     * Which scrollbar(s) to render. Defaults to `vertical`; use `horizontal`
+     * for a single row that overflows sideways (e.g. a chip strip), or `both`
+     * for a 2-axis area.
+     */
+    orientation?: "vertical" | "horizontal" | "both";
 }): import("react").JSX.Element;
 declare function ScrollBar({ className, orientation, ...props }: ScrollAreaPrimitive.Scrollbar.Props): import("react").JSX.Element;
 export { ScrollArea, ScrollBar };

package/dist/components/ui/atoms/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAI/E,KAAK,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAW7D,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,IAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,GAAG;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,+BAiBA;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,SAAS,CAAC,KAAK,+BAkBrC;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAI/E,KAAK,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAW7D,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,IAAa,EACb,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,GAAG;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CAClD,+BA0BA;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,SAAS,CAAC,KAAK,+BAkBrC;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/ui/atoms/scroll-area.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as e, t } from "../../../scroll-area-BD6qsU_I.js";
+import { n as e, t } from "../../../scroll-area-53KPfESS.js";
 export { t as ScrollArea, e as ScrollBar };

package/dist/components/ui/atoms/select.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../../../select-cAvbXH_n.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../../../select-CPTT__cT.js";
 export { c as Select, i as SelectContent, o as SelectGroup, n as SelectItem, e as SelectLabel, a as SelectScrollDownButton, s as SelectScrollUpButton, t as SelectSeparator, r as SelectTrigger, l as SelectValue };

package/dist/components/ui/atoms/toggle-group.d.ts

@@ -0,0 +1,29 @@
+import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
+import { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';
+import { FilterChipProps } from './filter-chip';
+import type * as React from "react";
+export type ToggleGroupProps = ToggleGroupPrimitive.Props;
+/**
+ * A set of related toggle buttons that share pressed state. Wraps Base UI's
+ * `ToggleGroup`, which manages the value array, roving keyboard focus, and
+ * single-vs-multi-select semantics (`multiple`). Render `ToggleGroupChip`
+ * children for the design system's pill styling.
+ */
+export declare function ToggleGroup({ className, ...props }: ToggleGroupProps): React.JSX.Element;
+export type ToggleGroupChipProps = {
+    /** The value contributed to the group when this chip is pressed. */
+    value: string;
+    /** Extra classes merged after the chip variants. */
+    className?: string;
+} & Pick<FilterChipProps, "size"> & Omit<React.ComponentProps<typeof TogglePrimitive>, "value" | "render" | "className">;
+/**
+ * A `ToggleGroup` item styled as a filter chip. Reuses `filterChipVariants` so
+ * the chip's shape, focus ring, and selected fill stay identical to the
+ * standalone `FilterChip`. The selected fill is driven by Base UI's actual
+ * pressed state — derived from the group's value — so it can never drift from
+ * what the group considers selected; the consumer passes no `selected` prop.
+ * Base UI also supplies `aria-pressed`, `data-pressed`, and the group's
+ * keyboard navigation.
+ */
+export declare function ToggleGroupChip({ value, size, className, ...props }: ToggleGroupChipProps): React.JSX.Element;
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/components/ui/atoms/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/toggle-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,eAAe,EAAsB,MAAM,eAAe,CAAC;AAEzE,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,KAAK,CAAC;AAE1D;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAQpE;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAC/B,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAC5C,OAAO,GAAG,QAAQ,GAAG,WAAW,CACjC,CAAC;AAEJ;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAWtB"}

package/dist/components/ui/atoms/toggle-group.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as e, t } from "../../../toggle-group-CDYMBO0F.js";
+export { t as ToggleGroup, e as ToggleGroupChip };

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

@@ -1,3 +1,37 @@
 "use client";
-import { n as e, t } from "../../../toggle-C4ztdcN-.js";
-export { t as Toggle, e as toggleVariants };
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { t } from "../../../dist-Ber_p4PA.js";
+import { t as n } from "../../../Toggle-CyMSF-Z7.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/components/ui/atoms/toggle.tsx
+var i = t("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 a({ className: t, variant: a = "default", size: o = "default", ...s }) {
+	return /* @__PURE__ */ r(n, {
+		className: e(i({
+			variant: a,
+			size: o,
+			className: t
+		})),
+		"data-slot": "toggle",
+		...s
+	});
+}
+//#endregion
+export { a as Toggle, i as toggleVariants };

package/dist/components/ui/atoms/unoptimized-marker.d.ts

@@ -0,0 +1,16 @@
+import type * as React from "react";
+export type UnoptimizedMarkerProps = {
+    /**
+     * Show the `{}` marker. When false the slot collapses to zero width (and
+     * fades out) so the row it sits in doesn't shift between states.
+     */
+    active: boolean;
+} & React.ComponentProps<"span">;
+/**
+ * The `{}` braces marker flagging an unoptimized (action-level) tool or server.
+ * Renders inside a fixed-height slot that animates its width and opacity, so it
+ * can appear and disappear in place without nudging the surrounding layout.
+ * Shared by `McpServerCard` and `McpToolCard` so the marker stays identical.
+ */
+export declare function UnoptimizedMarker({ active, className, ...props }: UnoptimizedMarkerProps): React.JSX.Element;
+//# sourceMappingURL=unoptimized-marker.d.ts.map

package/dist/components/ui/atoms/unoptimized-marker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unoptimized-marker.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/unoptimized-marker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAEjC;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,qBAexB"}

package/dist/components/ui/atoms/unoptimized-marker.js

@@ -0,0 +1,20 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Braces as n } from "lucide-react";
+//#region lib/components/ui/atoms/unoptimized-marker.tsx
+function r({ active: r, className: i, ...a }) {
+	return /* @__PURE__ */ t("span", {
+		...a,
+		"aria-hidden": !0,
+		className: e("inline-flex h-4 shrink-0 items-center justify-center overflow-hidden text-muted-foreground transition-[width,opacity] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] motion-reduce:transition-none", r ? "w-4 opacity-100" : "w-0 opacity-0", i),
+		"data-slot": "unoptimized-marker",
+		children: r ? /* @__PURE__ */ t(n, {
+			"aria-hidden": !0,
+			className: "ds-pop-in size-3.5"
+		}) : null
+	});
+}
+//#endregion
+export { r as UnoptimizedMarker };

package/dist/components/ui/index.d.ts

@@ -1,6 +1,7 @@
 /** biome-ignore-all lint/performance/noBarrelFile: Barrel files are acceptable for atomic component folders */
 export * from './atoms';
 export * from './molecules';
+export * from './organisms';
 export * from './pages';
 export * from './templates';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ui/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAC/G,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ui/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAC/G,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}