@arcadeai/design-system 4.1.0 → 5.0.1

package/dist/metadata/toolkit-icons.js

@@ -101,41 +101,42 @@ import { Pipedrive as nt } from "../components/ui/atoms/icons/pipedrive.js";
 import { Plaid as rt } from "../components/ui/atoms/icons/plaid.js";
 import { Postgres as it } from "../components/ui/atoms/icons/postgres.js";
 import { Posthog as U } from "../components/ui/atoms/icons/posthog.js";
+import { Postman as at } from "../components/ui/atoms/icons/postman.js";
 import { Pylon as W } from "../components/ui/atoms/icons/pylon.js";
-import { Quickbooks as at } from "../components/ui/atoms/icons/quickbooks.js";
-import { Railway as ot } from "../components/ui/atoms/icons/railway.js";
-import { Reddit as st } from "../components/ui/atoms/icons/reddit.js";
-import { Resend as ct } from "../components/ui/atoms/icons/resend.js";
-import { Salesforce as lt } from "../components/ui/atoms/icons/salesforce.js";
-import { Shopify as ut } from "../components/ui/atoms/icons/shopify.js";
-import { Singlestore as dt } from "../components/ui/atoms/icons/singlestore.js";
+import { Quickbooks as ot } from "../components/ui/atoms/icons/quickbooks.js";
+import { Railway as st } from "../components/ui/atoms/icons/railway.js";
+import { Reddit as ct } from "../components/ui/atoms/icons/reddit.js";
+import { Resend as lt } from "../components/ui/atoms/icons/resend.js";
+import { Salesforce as ut } from "../components/ui/atoms/icons/salesforce.js";
+import { Shopify as dt } from "../components/ui/atoms/icons/shopify.js";
+import { Singlestore as ft } from "../components/ui/atoms/icons/singlestore.js";
 import { Slack as G } from "../components/ui/atoms/icons/slack.js";
-import { Snowflake as ft } from "../components/ui/atoms/icons/snowflake.js";
-import { Splunk as pt } from "../components/ui/atoms/icons/splunk.js";
-import { Spotify as mt } from "../components/ui/atoms/icons/spotify.js";
+import { Snowflake as pt } from "../components/ui/atoms/icons/snowflake.js";
+import { Splunk as mt } from "../components/ui/atoms/icons/splunk.js";
+import { Spotify as ht } from "../components/ui/atoms/icons/spotify.js";
 import { Square as K } from "../components/ui/atoms/icons/square.js";
-import { Squarespace as ht } from "../components/ui/atoms/icons/squarespace.js";
-import { Squareup as gt } from "../components/ui/atoms/icons/squareup.js";
+import { Squarespace as gt } from "../components/ui/atoms/icons/squarespace.js";
+import { Squareup as _t } from "../components/ui/atoms/icons/squareup.js";
 import { Stripe as q } from "../components/ui/atoms/icons/stripe.js";
-import { Telegram as _t } from "../components/ui/atoms/icons/telegram.js";
-import { Ticktick as vt } from "../components/ui/atoms/icons/ticktick.js";
-import { Tiktok as yt } from "../components/ui/atoms/icons/tiktok.js";
-import { Trello as bt } from "../components/ui/atoms/icons/trello.js";
-import { Twilio as xt } from "../components/ui/atoms/icons/twilio.js";
-import { Twitch as St } from "../components/ui/atoms/icons/twitch.js";
-import { Vercel as Ct } from "../components/ui/atoms/icons/vercel.js";
-import { Walmart as wt } from "../components/ui/atoms/icons/walmart.js";
-import { Weaviate as Tt } from "../components/ui/atoms/icons/weaviate.js";
-import { Workday as Et } from "../components/ui/atoms/icons/workday.js";
-import { Wrike as Dt } from "../components/ui/atoms/icons/wrike.js";
-import { X as Ot } from "../components/ui/atoms/icons/x.js";
+import { Telegram as vt } from "../components/ui/atoms/icons/telegram.js";
+import { Ticktick as yt } from "../components/ui/atoms/icons/ticktick.js";
+import { Tiktok as bt } from "../components/ui/atoms/icons/tiktok.js";
+import { Trello as xt } from "../components/ui/atoms/icons/trello.js";
+import { Twilio as St } from "../components/ui/atoms/icons/twilio.js";
+import { Twitch as Ct } from "../components/ui/atoms/icons/twitch.js";
+import { Vercel as wt } from "../components/ui/atoms/icons/vercel.js";
+import { Walmart as Tt } from "../components/ui/atoms/icons/walmart.js";
+import { Weaviate as Et } from "../components/ui/atoms/icons/weaviate.js";
+import { Workday as Dt } from "../components/ui/atoms/icons/workday.js";
+import { Wrike as Ot } from "../components/ui/atoms/icons/wrike.js";
+import { X as kt } from "../components/ui/atoms/icons/x.js";
 import { Xero as J } from "../components/ui/atoms/icons/xero.js";
-import { Youtube as kt } from "../components/ui/atoms/icons/youtube.js";
-import { Yugabytedb as At } from "../components/ui/atoms/icons/yugabytedb.js";
-import { Zendesk as jt } from "../components/ui/atoms/icons/zendesk.js";
-import { ZohoBooks as Mt } from "../components/ui/atoms/icons/zoho-books.js";
-import { ZohoCreator as Nt } from "../components/ui/atoms/icons/zoho-creator.js";
-import { Zoom as Pt } from "../components/ui/atoms/icons/zoom.js";
+import { Youtube as At } from "../components/ui/atoms/icons/youtube.js";
+import { Yugabytedb as jt } from "../components/ui/atoms/icons/yugabytedb.js";
+import { Zendesk as Mt } from "../components/ui/atoms/icons/zendesk.js";
+import { ZohoBooks as Nt } from "../components/ui/atoms/icons/zoho-books.js";
+import { ZohoCreator as Pt } from "../components/ui/atoms/icons/zoho-creator.js";
+import { Zoom as Ft } from "../components/ui/atoms/icons/zoom.js";
 import { findToolkitByName as Y } from "./utils.js";
 import { jsx as X } from "react/jsx-runtime";
 //#region lib/metadata/toolkit-icons.tsx
@@ -269,59 +270,60 @@ var Z = {
 	Posthog: U,
 	PosthogApi: U,
 	Postgres: it,
+	Postman: at,
 	Pylon: W,
 	PylonApi: W,
-	Quickbooks: at,
-	Railway: ot,
-	Reddit: st,
-	Resend: ct,
-	Salesforce: lt,
-	Shopify: ut,
-	Singlestore: dt,
+	Quickbooks: ot,
+	Railway: st,
+	Reddit: ct,
+	Resend: lt,
+	Salesforce: ut,
+	Shopify: dt,
+	Singlestore: ft,
 	Slack: G,
 	SlackApi: G,
-	Snowflake: ft,
-	Splunk: pt,
-	Spotify: mt,
+	Snowflake: pt,
+	Splunk: mt,
+	Spotify: ht,
 	Square: K,
-	Squareup: gt,
+	Squareup: _t,
 	SquareupApi: K,
 	SquareUpApi: K,
-	Squarespace: ht,
+	Squarespace: gt,
 	Stripe: q,
 	StripeApi: q,
-	Telegram: _t,
-	Tiktok: yt,
-	TickTickApi: vt,
-	TrelloApi: bt,
-	Twilio: xt,
-	Twitch: St,
-	Vercel: Ct,
-	Walmart: wt,
-	WeaviateApi: Tt,
-	Workday: Et,
-	Wrike: Dt,
-	X: Ot,
+	Telegram: vt,
+	Tiktok: bt,
+	TickTickApi: yt,
+	TrelloApi: xt,
+	Twilio: St,
+	Twitch: Ct,
+	Vercel: wt,
+	Walmart: Tt,
+	WeaviateApi: Et,
+	Workday: Dt,
+	Wrike: Ot,
+	X: kt,
 	Xero: J,
 	XeroApi: J,
-	YugabyteDB: At,
-	ZohoBooksApi: Mt,
-	ZohoCreatorApi: Nt,
-	Youtube: kt,
-	Zendesk: jt,
-	Zoom: Pt
-}, Ft = new Map(Object.entries(Z).map(([e, t]) => [e.toLowerCase(), t])), Q = (e) => {
-	let t = e ? Ft.get(e.toLowerCase()) : void 0;
+	YugabyteDB: jt,
+	ZohoBooksApi: Nt,
+	ZohoCreatorApi: Pt,
+	Youtube: At,
+	Zendesk: Mt,
+	Zoom: Ft
+}, It = new Map(Object.entries(Z).map(([e, t]) => [e.toLowerCase(), t])), Q = (e) => {
+	let t = e ? It.get(e.toLowerCase()) : void 0;
 	return {
 		Icon: t ?? T,
 		hasBrandIcon: !!t
 	};
-}, $ = (e) => Q(e).Icon, It = (e) => Q(e).hasBrandIcon, Lt = (e) => {
+}, $ = (e) => Q(e).Icon, Lt = (e) => Q(e).hasBrandIcon, Rt = (e) => {
 	let t = $(Y(e)?.id);
 	return ({ className: e }) => /* @__PURE__ */ X(t, { className: e });
-}, Rt = (e) => {
+}, zt = (e) => {
 	let t = $(Y(e)?.id);
 	return ({ className: e }) => /* @__PURE__ */ X(t, { className: e });
 };
 //#endregion
-export { Z as TOOLKIT_ICON_MAP, Rt as getToolIconByToolkitName, $ as getToolkitIcon, Lt as getToolkitIconByName, It as hasToolkitIcon, Q as resolveToolkitIcon };
+export { Z as TOOLKIT_ICON_MAP, zt as getToolIconByToolkitName, $ as getToolkitIcon, Rt as getToolkitIconByName, Lt as hasToolkitIcon, Q as resolveToolkitIcon };

package/dist/metadata/toolkits.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolkits.d.ts","sourceRoot":"","sources":["../../lib/metadata/toolkits.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,UAAU,EAAE,QAAQ,EAWhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,EA4wE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAMrD,CAAC"}
+{"version":3,"file":"toolkits.d.ts","sourceRoot":"","sources":["../../lib/metadata/toolkits.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,UAAU,EAAE,QAAQ,EAWhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,EA0xE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAMrD,CAAC"}

package/dist/metadata/toolkits.js

@@ -1680,6 +1680,19 @@ var t = [
 		isComingSoon: !1,
 		isHidden: !1
 	},
+	{
+		id: "Postman",
+		label: "Postman",
+		isBYOC: !1,
+		isPro: !1,
+		publicIconUrl: `${e}/postman.svg`,
+		docsLink: "https://docs.arcade.dev/en/resources/integrations/development/postman",
+		relativeDocsLink: "/en/resources/integrations/development/postman",
+		category: "development",
+		type: "arcade",
+		isComingSoon: !1,
+		isHidden: !1
+	},
 	{
 		id: "Pylon",
 		label: "Pylon",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcadeai/design-system",
   "private": false,
-  "version": "4.1.0",
+  "version": "5.0.1",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",

package/dist/components/ui/molecules/scroll-fade-area.d.ts

@@ -1,32 +0,0 @@
-import { ReactNode } from 'react';
-export type ScrollFadeAreaProps = {
-    children: ReactNode;
-    /** Classes for the outer sizing context. Defaults fill a flex column. */
-    className?: string;
-    /** Classes for the inner scroll viewport (padding, child spacing). */
-    viewportClassName?: string;
-    /**
-     * Receives the scroll viewport element (or `null` on unmount). Use when a
-     * child needs the scroll container itself — e.g. a virtualizer that reads
-     * scroll position from it.
-     */
-    viewportRef?: (el: HTMLDivElement | null) => void;
-};
-/**
- * Vertical scroll area with "there's more" affordances on whichever edge still
- * has hidden content: a fade-to-background gradient plus a soft inset shadow.
- * Both appear per edge and only when that edge can actually scroll.
- *
- * This draws gradient overlays from `useScrollFade`'s `edges` rather than
- * spreading the hook's `maskImage` style. A mask fades content to fully
- * transparent, which reads too strongly in dark mode; gradient overlays fade to
- * the surface color and let us dial the intensity per theme (see the
- * `dark:from-background/40` stops below). Horizontal scrollers that want the
- * lighter mask treatment should consume `useScrollFade("x").style` directly.
- *
- * The overlays fade to the `background` token, so place this on a
- * background-colored surface; on a `card`/`muted` surface the gradient seams.
- * Such callers want the mask treatment instead.
- */
-export declare function ScrollFadeArea({ children, className, viewportClassName, viewportRef, }: ScrollFadeAreaProps): import("react").JSX.Element;
-//# sourceMappingURL=scroll-fade-area.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"scroll-fade-area.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/scroll-fade-area.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAI5D,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,WAAW,GACZ,EAAE,mBAAmB,+BAkDrB"}

package/dist/components/ui/molecules/scroll-fade-area.js

@@ -1,30 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../../lib/utils.js";
-import { useScrollFade as t } from "../../../hooks/use-scroll-fade.js";
-import { useCallback as n, useRef as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region lib/components/ui/molecules/scroll-fade-area.tsx
-function o({ children: o, className: s, viewportClassName: c, viewportRef: l }) {
-	let u = t("y"), d = r(l);
-	d.current = l;
-	let f = n((e) => {
-		u.ref(e), d.current?.(e);
-	}, [u.ref]), p = [u.edges.start && "inset 0 8px 12px -10px color-mix(in oklch, var(--shadow-color) 3%, transparent)", u.edges.end && "inset 0 -12px 16px -10px color-mix(in oklch, var(--shadow-color) 6%, transparent)"].filter(Boolean).join(", ") || void 0;
-	return /* @__PURE__ */ a("div", {
-		className: e("relative min-h-0 flex-1", s),
-		children: [
-			u.edges.start ? /* @__PURE__ */ i("div", { className: "pointer-events-none absolute inset-x-0 top-0 z-10 h-8 bg-gradient-to-b from-background to-transparent dark:from-background/40" }) : null,
-			u.edges.end ? /* @__PURE__ */ i("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 z-10 h-10 bg-gradient-to-t from-background to-transparent dark:from-background/40" }) : null,
-			/* @__PURE__ */ i("div", {
-				className: e("h-full overflow-y-auto transition-shadow duration-200", c),
-				onScroll: u.onScroll,
-				ref: f,
-				style: { boxShadow: p },
-				children: o
-			})
-		]
-	});
-}
-//#endregion
-export { o as ScrollFadeArea };

package/dist/hooks/use-scroll-fade.d.ts

@@ -1,22 +0,0 @@
-/**
- * Fades the edge(s) of a scroll container that still have hidden content, via a
- * dynamic mask-image — a lightweight "there's more" hint with no extra DOM.
- * Works on either axis and only fades an edge you can actually scroll toward.
- * Attach `ref` + `onScroll` to the scrollable element and spread `style`.
- *
- * Also returns `edges` ({ start, end }) for callers that want to draw their own
- * edge affordance (e.g. a shadow) only when there is hidden content.
- */
-export declare function useScrollFade(axis: "x" | "y"): {
-    ref: (el: HTMLDivElement | null) => void;
-    onScroll: () => void;
-    edges: {
-        start: boolean;
-        end: boolean;
-    };
-    style: {
-        maskImage: string;
-        WebkitMaskImage: string;
-    } | undefined;
-};
-//# sourceMappingURL=use-scroll-fade.d.ts.map

package/dist/hooks/use-scroll-fade.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-scroll-fade.d.ts","sourceRoot":"","sources":["../../lib/hooks/use-scroll-fade.ts"],"names":[],"mappings":"AAMA;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG;cA+CpC,cAAc,GAAG,IAAI;;;;;;;;;;EAuC7B"}

package/dist/hooks/use-scroll-fade.js

@@ -1,39 +0,0 @@
-"use client";
-"use client";
-import { useCallback as e, useRef as t, useState as n } from "react";
-//#region lib/hooks/use-scroll-fade.ts
-var r = 24;
-function i(i) {
-	let [a, o] = n({
-		start: !1,
-		end: !1
-	}), s = t(null), c = t(null), l = t(null), u = e(() => {
-		let e = s.current;
-		if (!e) return;
-		let t = i === "x" ? e.scrollLeft : e.scrollTop, n = i === "x" ? e.clientWidth : e.clientHeight, r = i === "x" ? e.scrollWidth : e.scrollHeight, a = t > 1, c = t + n < r - 1;
-		o((e) => e.start === a && e.end === c ? e : {
-			start: a,
-			end: c
-		});
-	}, [i]), d = e(() => {
-		let e = s.current, t = c.current;
-		if (e && t) {
-			t.disconnect(), t.observe(e);
-			for (let n of Array.from(e.children)) t.observe(n);
-			u();
-		}
-	}, [u]), f = e((e) => {
-		c.current?.disconnect(), l.current?.disconnect(), c.current = null, l.current = null, s.current = e, e && (c.current = new ResizeObserver(() => u()), l.current = new MutationObserver(() => d()), l.current.observe(e, { childList: !0 }), d());
-	}, [u, d]), p;
-	return (a.start || a.end) && (p = `linear-gradient(${i === "x" ? "to right" : "to bottom"}, ${a.start ? `transparent 0, black ${r}px` : "black 0"}, ${a.end ? `black calc(100% - ${r}px), transparent 100%` : "black 100%"})`), {
-		ref: f,
-		onScroll: u,
-		edges: a,
-		style: p ? {
-			maskImage: p,
-			WebkitMaskImage: p
-		} : void 0
-	};
-}
-//#endregion
-export { i as useScrollFade };