@arcadeai/design-system 4.0.1 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/assets/icons/google-forms.js +136 -0
  2. package/dist/assets/icons/postman.js +99 -0
  3. package/dist/assets/index.css +1 -1
  4. package/dist/assets/tokens.css +1 -1
  5. package/dist/assets/variables.css +1 -1
  6. package/dist/components/index.js +165 -164
  7. package/dist/components/ui/atoms/icons/google-forms.d.ts +4 -0
  8. package/dist/components/ui/atoms/icons/google-forms.d.ts.map +1 -0
  9. package/dist/components/ui/atoms/icons/google-forms.js +128 -0
  10. package/dist/components/ui/atoms/icons/index.d.ts +2 -0
  11. package/dist/components/ui/atoms/icons/index.d.ts.map +1 -1
  12. package/dist/components/ui/atoms/icons/index.js +95 -93
  13. package/dist/components/ui/atoms/icons/postman.d.ts +4 -0
  14. package/dist/components/ui/atoms/icons/postman.d.ts.map +1 -0
  15. package/dist/components/ui/atoms/icons/postman.js +91 -0
  16. package/dist/components/ui/atoms/index.js +122 -120
  17. package/dist/components/ui/index.js +165 -164
  18. package/dist/components/ui/molecules/index.d.ts +0 -2
  19. package/dist/components/ui/molecules/index.d.ts.map +1 -1
  20. package/dist/components/ui/molecules/index.js +8 -9
  21. package/dist/components/ui/molecules/mcp-server-picker/category-filter.d.ts.map +1 -1
  22. package/dist/components/ui/molecules/mcp-server-picker/category-filter.js +13 -18
  23. package/dist/components/ui/organisms/mcp-selection-summary-bar.d.ts.map +1 -1
  24. package/dist/components/ui/organisms/mcp-selection-summary-bar.js +34 -38
  25. package/dist/main.js +171 -170
  26. package/dist/metadata/toolkit-icons.d.ts.map +1 -1
  27. package/dist/metadata/toolkit-icons.js +139 -135
  28. package/dist/metadata/toolkits.d.ts.map +1 -1
  29. package/dist/metadata/toolkits.js +26 -0
  30. package/package.json +1 -1
  31. package/dist/components/ui/molecules/scroll-fade-area.d.ts +0 -32
  32. package/dist/components/ui/molecules/scroll-fade-area.d.ts.map +0 -1
  33. package/dist/components/ui/molecules/scroll-fade-area.js +0 -30
  34. package/dist/hooks/use-scroll-fade.d.ts +0 -22
  35. package/dist/hooks/use-scroll-fade.d.ts.map +0 -1
  36. package/dist/hooks/use-scroll-fade.js +0 -39
@@ -56,85 +56,87 @@ import { GoogleDocs as N } from "../components/ui/atoms/icons/google-docs.js";
56
56
  import { GoogleDrive as xe } from "../components/ui/atoms/icons/google-drive.js";
57
57
  import { GoogleFinance as Se } from "../components/ui/atoms/icons/google-finance.js";
58
58
  import { GoogleFlights as Ce } from "../components/ui/atoms/icons/google-flights.js";
59
- import { GoogleHotels as we } from "../components/ui/atoms/icons/google-hotels.js";
60
- import { GoogleJobs as Te } from "../components/ui/atoms/icons/google-jobs.js";
61
- import { GoogleMaps as Ee } from "../components/ui/atoms/icons/google-maps.js";
62
- import { GoogleNews as De } from "../components/ui/atoms/icons/google-news.js";
63
- import { GoogleSheets as Oe } from "../components/ui/atoms/icons/google-sheets.js";
64
- import { GoogleShopping as ke } from "../components/ui/atoms/icons/google-shopping.js";
65
- import { GoogleSlides as Ae } from "../components/ui/atoms/icons/google-slides.js";
66
- import { Granola as je } from "../components/ui/atoms/icons/granola.js";
67
- import { Heroku as Me } from "../components/ui/atoms/icons/heroku.js";
68
- import { Hootsuite as Ne } from "../components/ui/atoms/icons/hootsuite.js";
59
+ import { GoogleForms as we } from "../components/ui/atoms/icons/google-forms.js";
60
+ import { GoogleHotels as Te } from "../components/ui/atoms/icons/google-hotels.js";
61
+ import { GoogleJobs as Ee } from "../components/ui/atoms/icons/google-jobs.js";
62
+ import { GoogleMaps as De } from "../components/ui/atoms/icons/google-maps.js";
63
+ import { GoogleNews as Oe } from "../components/ui/atoms/icons/google-news.js";
64
+ import { GoogleSheets as ke } from "../components/ui/atoms/icons/google-sheets.js";
65
+ import { GoogleShopping as Ae } from "../components/ui/atoms/icons/google-shopping.js";
66
+ import { GoogleSlides as je } from "../components/ui/atoms/icons/google-slides.js";
67
+ import { Granola as Me } from "../components/ui/atoms/icons/granola.js";
68
+ import { Heroku as Ne } from "../components/ui/atoms/icons/heroku.js";
69
+ import { Hootsuite as Pe } from "../components/ui/atoms/icons/hootsuite.js";
69
70
  import { Hubspot as P } from "../components/ui/atoms/icons/hubspot.js";
70
- import { Imgflip as Pe } from "../components/ui/atoms/icons/imgflip.js";
71
- import { Insightly as Fe } from "../components/ui/atoms/icons/insightly.js";
72
- import { Intercom as Ie } from "../components/ui/atoms/icons/intercom.js";
73
- import { Jira as Le } from "../components/ui/atoms/icons/jira.js";
74
- import { Linear as Re } from "../components/ui/atoms/icons/linear.js";
75
- import { Linkedin as ze } from "../components/ui/atoms/icons/linkedin.js";
76
- import { Luma as Be } from "../components/ui/atoms/icons/luma.js";
71
+ import { Imgflip as Fe } from "../components/ui/atoms/icons/imgflip.js";
72
+ import { Insightly as Ie } from "../components/ui/atoms/icons/insightly.js";
73
+ import { Intercom as Le } from "../components/ui/atoms/icons/intercom.js";
74
+ import { Jira as Re } from "../components/ui/atoms/icons/jira.js";
75
+ import { Linear as ze } from "../components/ui/atoms/icons/linear.js";
76
+ import { Linkedin as Be } from "../components/ui/atoms/icons/linkedin.js";
77
+ import { Luma as Ve } from "../components/ui/atoms/icons/luma.js";
77
78
  import { Mailchimp as F } from "../components/ui/atoms/icons/mailchimp.js";
78
- import { MathToolkit as Ve } from "../components/ui/atoms/icons/math-toolkit.js";
79
- import { Mcp as He } from "../components/ui/atoms/icons/mcp.js";
80
- import { MicrosoftDynamics as Ue } from "../components/ui/atoms/icons/microsoft-dynamics.js";
81
- import { MicrosoftExcel as I } from "../components/ui/atoms/icons/microsoft-excel.js";
82
- import { MicrosoftOnedrive as We } from "../components/ui/atoms/icons/microsoft-onedrive.js";
79
+ import { MathToolkit as He } from "../components/ui/atoms/icons/math-toolkit.js";
80
+ import { Mcp as Ue } from "../components/ui/atoms/icons/mcp.js";
81
+ import { MicrosoftDynamics as I } from "../components/ui/atoms/icons/microsoft-dynamics.js";
82
+ import { MicrosoftExcel as We } from "../components/ui/atoms/icons/microsoft-excel.js";
83
+ import { MicrosoftOnedrive as Ge } from "../components/ui/atoms/icons/microsoft-onedrive.js";
83
84
  import { MicrosoftOutlookCalendar as L } from "../components/ui/atoms/icons/microsoft-outlook-calendar.js";
84
85
  import { MicrosoftOutlookMail as R } from "../components/ui/atoms/icons/microsoft-outlook-mail.js";
85
- import { MicrosoftPowerpoint as Ge } from "../components/ui/atoms/icons/microsoft-powerpoint.js";
86
+ import { MicrosoftPowerpoint as Ke } from "../components/ui/atoms/icons/microsoft-powerpoint.js";
86
87
  import { MicrosoftSharepoint as z } from "../components/ui/atoms/icons/microsoft-sharepoint.js";
87
- import { MicrosoftTeams as Ke } from "../components/ui/atoms/icons/microsoft-teams.js";
88
- import { MicrosoftWord as qe } from "../components/ui/atoms/icons/microsoft-word.js";
88
+ import { MicrosoftTeams as qe } from "../components/ui/atoms/icons/microsoft-teams.js";
89
+ import { MicrosoftWord as Je } from "../components/ui/atoms/icons/microsoft-word.js";
89
90
  import { Miro as B } from "../components/ui/atoms/icons/miro.js";
90
- import { Monday as Je } from "../components/ui/atoms/icons/monday.js";
91
- import { MongoDB as Ye } from "../components/ui/atoms/icons/mongodb.js";
92
- import { Netsuite as Xe } from "../components/ui/atoms/icons/netsuite.js";
91
+ import { Monday as Ye } from "../components/ui/atoms/icons/monday.js";
92
+ import { MongoDB as Xe } from "../components/ui/atoms/icons/mongodb.js";
93
+ import { Netsuite as Ze } from "../components/ui/atoms/icons/netsuite.js";
93
94
  import { Notion as V } from "../components/ui/atoms/icons/notion.js";
94
- import { Obsidian as Ze } from "../components/ui/atoms/icons/obsidian.js";
95
- import { Okta as Qe } from "../components/ui/atoms/icons/okta.js";
95
+ import { Obsidian as Qe } from "../components/ui/atoms/icons/obsidian.js";
96
+ import { Okta as $e } from "../components/ui/atoms/icons/okta.js";
96
97
  import { Pagerduty as H } from "../components/ui/atoms/icons/pagerduty.js";
97
- import { Pinecone as $e } from "../components/ui/atoms/icons/pinecone.js";
98
- import { Pinterest as et } from "../components/ui/atoms/icons/pinterest.js";
99
- import { Pipedrive as tt } from "../components/ui/atoms/icons/pipedrive.js";
100
- import { Plaid as nt } from "../components/ui/atoms/icons/plaid.js";
101
- import { Postgres as rt } from "../components/ui/atoms/icons/postgres.js";
98
+ import { Pinecone as et } from "../components/ui/atoms/icons/pinecone.js";
99
+ import { Pinterest as tt } from "../components/ui/atoms/icons/pinterest.js";
100
+ import { Pipedrive as nt } from "../components/ui/atoms/icons/pipedrive.js";
101
+ import { Plaid as rt } from "../components/ui/atoms/icons/plaid.js";
102
+ import { Postgres as it } from "../components/ui/atoms/icons/postgres.js";
102
103
  import { Posthog as U } from "../components/ui/atoms/icons/posthog.js";
104
+ import { Postman as at } from "../components/ui/atoms/icons/postman.js";
103
105
  import { Pylon as W } from "../components/ui/atoms/icons/pylon.js";
104
- import { Quickbooks as it } from "../components/ui/atoms/icons/quickbooks.js";
105
- import { Railway as at } from "../components/ui/atoms/icons/railway.js";
106
- import { Reddit as ot } from "../components/ui/atoms/icons/reddit.js";
107
- import { Resend as st } from "../components/ui/atoms/icons/resend.js";
108
- import { Salesforce as ct } from "../components/ui/atoms/icons/salesforce.js";
109
- import { Shopify as lt } from "../components/ui/atoms/icons/shopify.js";
110
- import { Singlestore as ut } from "../components/ui/atoms/icons/singlestore.js";
106
+ import { Quickbooks as ot } from "../components/ui/atoms/icons/quickbooks.js";
107
+ import { Railway as st } from "../components/ui/atoms/icons/railway.js";
108
+ import { Reddit as ct } from "../components/ui/atoms/icons/reddit.js";
109
+ import { Resend as lt } from "../components/ui/atoms/icons/resend.js";
110
+ import { Salesforce as ut } from "../components/ui/atoms/icons/salesforce.js";
111
+ import { Shopify as dt } from "../components/ui/atoms/icons/shopify.js";
112
+ import { Singlestore as ft } from "../components/ui/atoms/icons/singlestore.js";
111
113
  import { Slack as G } from "../components/ui/atoms/icons/slack.js";
112
- import { Snowflake as dt } from "../components/ui/atoms/icons/snowflake.js";
113
- import { Splunk as ft } from "../components/ui/atoms/icons/splunk.js";
114
- import { Spotify as pt } from "../components/ui/atoms/icons/spotify.js";
114
+ import { Snowflake as pt } from "../components/ui/atoms/icons/snowflake.js";
115
+ import { Splunk as mt } from "../components/ui/atoms/icons/splunk.js";
116
+ import { Spotify as ht } from "../components/ui/atoms/icons/spotify.js";
115
117
  import { Square as K } from "../components/ui/atoms/icons/square.js";
116
- import { Squarespace as mt } from "../components/ui/atoms/icons/squarespace.js";
117
- import { Squareup as ht } from "../components/ui/atoms/icons/squareup.js";
118
+ import { Squarespace as gt } from "../components/ui/atoms/icons/squarespace.js";
119
+ import { Squareup as _t } from "../components/ui/atoms/icons/squareup.js";
118
120
  import { Stripe as q } from "../components/ui/atoms/icons/stripe.js";
119
- import { Telegram as gt } from "../components/ui/atoms/icons/telegram.js";
120
- import { Ticktick as _t } from "../components/ui/atoms/icons/ticktick.js";
121
- import { Tiktok as vt } from "../components/ui/atoms/icons/tiktok.js";
122
- import { Trello as yt } from "../components/ui/atoms/icons/trello.js";
123
- import { Twilio as bt } from "../components/ui/atoms/icons/twilio.js";
124
- import { Twitch as xt } from "../components/ui/atoms/icons/twitch.js";
125
- import { Vercel as St } from "../components/ui/atoms/icons/vercel.js";
126
- import { Walmart as Ct } from "../components/ui/atoms/icons/walmart.js";
127
- import { Weaviate as wt } from "../components/ui/atoms/icons/weaviate.js";
128
- import { Workday as Tt } from "../components/ui/atoms/icons/workday.js";
129
- import { Wrike as Et } from "../components/ui/atoms/icons/wrike.js";
130
- import { X as Dt } from "../components/ui/atoms/icons/x.js";
121
+ import { Telegram as vt } from "../components/ui/atoms/icons/telegram.js";
122
+ import { Ticktick as yt } from "../components/ui/atoms/icons/ticktick.js";
123
+ import { Tiktok as bt } from "../components/ui/atoms/icons/tiktok.js";
124
+ import { Trello as xt } from "../components/ui/atoms/icons/trello.js";
125
+ import { Twilio as St } from "../components/ui/atoms/icons/twilio.js";
126
+ import { Twitch as Ct } from "../components/ui/atoms/icons/twitch.js";
127
+ import { Vercel as wt } from "../components/ui/atoms/icons/vercel.js";
128
+ import { Walmart as Tt } from "../components/ui/atoms/icons/walmart.js";
129
+ import { Weaviate as Et } from "../components/ui/atoms/icons/weaviate.js";
130
+ import { Workday as Dt } from "../components/ui/atoms/icons/workday.js";
131
+ import { Wrike as Ot } from "../components/ui/atoms/icons/wrike.js";
132
+ import { X as kt } from "../components/ui/atoms/icons/x.js";
131
133
  import { Xero as J } from "../components/ui/atoms/icons/xero.js";
132
- import { Youtube as Ot } from "../components/ui/atoms/icons/youtube.js";
133
- import { Yugabytedb as kt } from "../components/ui/atoms/icons/yugabytedb.js";
134
- import { Zendesk as At } from "../components/ui/atoms/icons/zendesk.js";
135
- import { ZohoBooks as jt } from "../components/ui/atoms/icons/zoho-books.js";
136
- import { ZohoCreator as Mt } from "../components/ui/atoms/icons/zoho-creator.js";
137
- import { Zoom as Nt } from "../components/ui/atoms/icons/zoom.js";
134
+ import { Youtube as At } from "../components/ui/atoms/icons/youtube.js";
135
+ import { Yugabytedb as jt } from "../components/ui/atoms/icons/yugabytedb.js";
136
+ import { Zendesk as Mt } from "../components/ui/atoms/icons/zendesk.js";
137
+ import { ZohoBooks as Nt } from "../components/ui/atoms/icons/zoho-books.js";
138
+ import { ZohoCreator as Pt } from "../components/ui/atoms/icons/zoho-creator.js";
139
+ import { Zoom as Ft } from "../components/ui/atoms/icons/zoom.js";
138
140
  import { findToolkitByName as Y } from "./utils.js";
139
141
  import { jsx as X } from "react/jsx-runtime";
140
142
  //#region lib/metadata/toolkit-icons.tsx
@@ -206,17 +208,18 @@ var Z = {
206
208
  GoogleDrive: xe,
207
209
  GoogleFinance: Se,
208
210
  GoogleFlights: Ce,
209
- GoogleHotels: we,
210
- GoogleJobs: Te,
211
- GoogleMaps: Ee,
212
- GoogleNews: De,
211
+ GoogleForms: we,
212
+ GoogleHotels: Te,
213
+ GoogleJobs: Ee,
214
+ GoogleMaps: De,
215
+ GoogleNews: Oe,
213
216
  GoogleSearch: A,
214
- GoogleSheets: Oe,
215
- GoogleShopping: ke,
216
- GoogleSlides: Ae,
217
- Granola: je,
218
- Heroku: Me,
219
- Hootsuite: Ne,
217
+ GoogleSheets: ke,
218
+ GoogleShopping: Ae,
219
+ GoogleSlides: je,
220
+ Granola: Me,
221
+ Heroku: Ne,
222
+ Hootsuite: Pe,
220
223
  Hubspot: P,
221
224
  HubspotAutomationApi: P,
222
225
  HubspotCmsApi: P,
@@ -226,100 +229,101 @@ var Z = {
226
229
  HubspotMarketingApi: P,
227
230
  HubspotMeetingsApi: P,
228
231
  HubspotUsersApi: P,
229
- Imgflip: Pe,
230
- Insightly: Fe,
231
- IntercomApi: Ie,
232
- Jira: Le,
233
- Linear: Re,
234
- Linkedin: ze,
235
- LumaApi: Be,
232
+ Imgflip: Fe,
233
+ Insightly: Ie,
234
+ IntercomApi: Le,
235
+ Jira: Re,
236
+ Linear: ze,
237
+ Linkedin: Be,
238
+ LumaApi: Ve,
236
239
  Mailchimp: F,
237
240
  MailchimpMarketingApi: F,
238
- Math: Ve,
239
- MCP: He,
240
- MicrosoftDynamics: Ue,
241
- MicrosoftExcel: I,
241
+ Math: He,
242
+ MCP: Ue,
243
+ MicrosoftDynamics: I,
244
+ MicrosoftExcel: We,
242
245
  MicrosoftOutlookCalendar: L,
243
246
  MicrosoftOutlookMail: R,
244
- MicrosoftPowerpoint: Ge,
247
+ MicrosoftPowerpoint: Ke,
245
248
  MicrosoftSharePoint: z,
246
249
  Sharepoint: z,
247
- MicrosoftTeams: Ke,
248
- MicrosoftWord: qe,
250
+ MicrosoftTeams: qe,
251
+ MicrosoftWord: Je,
249
252
  Miro: B,
250
253
  MiroApi: B,
251
- Monday: Je,
252
- MongoDB: Ye,
253
- Netsuite: Xe,
254
+ Monday: Ye,
255
+ MongoDB: Xe,
256
+ Netsuite: Ze,
254
257
  Notion: V,
255
258
  NotionToolkit: V,
256
- Obsidian: Ze,
257
- Okta: Qe,
258
- MicrosoftOnedrive: We,
259
+ Obsidian: Qe,
260
+ Okta: $e,
261
+ MicrosoftOnedrive: Ge,
259
262
  OutlookCalendar: L,
260
263
  OutlookMail: R,
261
264
  PagerDuty: H,
262
265
  PagerDutyApi: H,
263
- Pinecone: $e,
264
- Pinterest: et,
265
- Pipedrive: tt,
266
- Plaid: nt,
266
+ Pinecone: et,
267
+ Pinterest: tt,
268
+ Pipedrive: nt,
269
+ Plaid: rt,
267
270
  Posthog: U,
268
271
  PosthogApi: U,
269
- Postgres: rt,
272
+ Postgres: it,
273
+ Postman: at,
270
274
  Pylon: W,
271
275
  PylonApi: W,
272
- Quickbooks: it,
273
- Railway: at,
274
- Reddit: ot,
275
- Resend: st,
276
- Salesforce: ct,
277
- Shopify: lt,
278
- Singlestore: ut,
276
+ Quickbooks: ot,
277
+ Railway: st,
278
+ Reddit: ct,
279
+ Resend: lt,
280
+ Salesforce: ut,
281
+ Shopify: dt,
282
+ Singlestore: ft,
279
283
  Slack: G,
280
284
  SlackApi: G,
281
- Snowflake: dt,
282
- Splunk: ft,
283
- Spotify: pt,
285
+ Snowflake: pt,
286
+ Splunk: mt,
287
+ Spotify: ht,
284
288
  Square: K,
285
- Squareup: ht,
289
+ Squareup: _t,
286
290
  SquareupApi: K,
287
291
  SquareUpApi: K,
288
- Squarespace: mt,
292
+ Squarespace: gt,
289
293
  Stripe: q,
290
294
  StripeApi: q,
291
- Telegram: gt,
292
- Tiktok: vt,
293
- TickTickApi: _t,
294
- TrelloApi: yt,
295
- Twilio: bt,
296
- Twitch: xt,
297
- Vercel: St,
298
- Walmart: Ct,
299
- WeaviateApi: wt,
300
- Workday: Tt,
301
- Wrike: Et,
302
- X: Dt,
295
+ Telegram: vt,
296
+ Tiktok: bt,
297
+ TickTickApi: yt,
298
+ TrelloApi: xt,
299
+ Twilio: St,
300
+ Twitch: Ct,
301
+ Vercel: wt,
302
+ Walmart: Tt,
303
+ WeaviateApi: Et,
304
+ Workday: Dt,
305
+ Wrike: Ot,
306
+ X: kt,
303
307
  Xero: J,
304
308
  XeroApi: J,
305
- YugabyteDB: kt,
306
- ZohoBooksApi: jt,
307
- ZohoCreatorApi: Mt,
308
- Youtube: Ot,
309
- Zendesk: At,
310
- Zoom: Nt
311
- }, Pt = new Map(Object.entries(Z).map(([e, t]) => [e.toLowerCase(), t])), Q = (e) => {
312
- let t = e ? Pt.get(e.toLowerCase()) : void 0;
309
+ YugabyteDB: jt,
310
+ ZohoBooksApi: Nt,
311
+ ZohoCreatorApi: Pt,
312
+ Youtube: At,
313
+ Zendesk: Mt,
314
+ Zoom: Ft
315
+ }, It = new Map(Object.entries(Z).map(([e, t]) => [e.toLowerCase(), t])), Q = (e) => {
316
+ let t = e ? It.get(e.toLowerCase()) : void 0;
313
317
  return {
314
318
  Icon: t ?? T,
315
319
  hasBrandIcon: !!t
316
320
  };
317
- }, $ = (e) => Q(e).Icon, Ft = (e) => Q(e).hasBrandIcon, It = (e) => {
321
+ }, $ = (e) => Q(e).Icon, Lt = (e) => Q(e).hasBrandIcon, Rt = (e) => {
318
322
  let t = $(Y(e)?.id);
319
323
  return ({ className: e }) => /* @__PURE__ */ X(t, { className: e });
320
- }, Lt = (e) => {
324
+ }, zt = (e) => {
321
325
  let t = $(Y(e)?.id);
322
326
  return ({ className: e }) => /* @__PURE__ */ X(t, { className: e });
323
327
  };
324
328
  //#endregion
325
- export { Z as TOOLKIT_ICON_MAP, Lt as getToolIconByToolkitName, $ as getToolkitIcon, It as getToolkitIconByName, Ft as hasToolkitIcon, Q as resolveToolkitIcon };
329
+ export { Z as TOOLKIT_ICON_MAP, zt as getToolIconByToolkitName, $ as getToolkitIcon, Rt as getToolkitIconByName, Lt as hasToolkitIcon, Q as resolveToolkitIcon };
@@ -1 +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,EA8vE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAMrD,CAAC"}
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,EA0xE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAMrD,CAAC"}
@@ -887,6 +887,19 @@ var t = [
887
887
  isComingSoon: !1,
888
888
  isHidden: !1
889
889
  },
890
+ {
891
+ id: "GoogleForms",
892
+ label: "Google Forms",
893
+ isBYOC: !1,
894
+ isPro: !1,
895
+ publicIconUrl: `${e}/google-forms.svg`,
896
+ docsLink: "https://docs.arcade.dev/en/resources/integrations/productivity/google-forms",
897
+ relativeDocsLink: "/en/resources/integrations/productivity/google-forms",
898
+ category: "productivity",
899
+ type: "arcade",
900
+ isComingSoon: !1,
901
+ isHidden: !1
902
+ },
890
903
  {
891
904
  id: "GoogleFinance",
892
905
  label: "Google Finance",
@@ -1667,6 +1680,19 @@ var t = [
1667
1680
  isComingSoon: !1,
1668
1681
  isHidden: !1
1669
1682
  },
1683
+ {
1684
+ id: "Postman",
1685
+ label: "Postman",
1686
+ isBYOC: !1,
1687
+ isPro: !1,
1688
+ publicIconUrl: `${e}/postman.svg`,
1689
+ docsLink: "https://docs.arcade.dev/en/resources/integrations/development/postman",
1690
+ relativeDocsLink: "/en/resources/integrations/development/postman",
1691
+ category: "development",
1692
+ type: "arcade",
1693
+ isComingSoon: !1,
1694
+ isHidden: !1
1695
+ },
1670
1696
  {
1671
1697
  id: "Pylon",
1672
1698
  label: "Pylon",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@arcadeai/design-system",
3
3
  "private": false,
4
- "version": "4.0.1",
4
+ "version": "5.0.0",
5
5
  "type": "module",
6
6
  "main": "./dist/main.js",
7
7
  "types": "./dist/main.d.ts",
@@ -1,32 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export type ScrollFadeAreaProps = {
3
- children: ReactNode;
4
- /** Classes for the outer sizing context. Defaults fill a flex column. */
5
- className?: string;
6
- /** Classes for the inner scroll viewport (padding, child spacing). */
7
- viewportClassName?: string;
8
- /**
9
- * Receives the scroll viewport element (or `null` on unmount). Use when a
10
- * child needs the scroll container itself — e.g. a virtualizer that reads
11
- * scroll position from it.
12
- */
13
- viewportRef?: (el: HTMLDivElement | null) => void;
14
- };
15
- /**
16
- * Vertical scroll area with "there's more" affordances on whichever edge still
17
- * has hidden content: a fade-to-background gradient plus a soft inset shadow.
18
- * Both appear per edge and only when that edge can actually scroll.
19
- *
20
- * This draws gradient overlays from `useScrollFade`'s `edges` rather than
21
- * spreading the hook's `maskImage` style. A mask fades content to fully
22
- * transparent, which reads too strongly in dark mode; gradient overlays fade to
23
- * the surface color and let us dial the intensity per theme (see the
24
- * `dark:from-background/40` stops below). Horizontal scrollers that want the
25
- * lighter mask treatment should consume `useScrollFade("x").style` directly.
26
- *
27
- * The overlays fade to the `background` token, so place this on a
28
- * background-colored surface; on a `card`/`muted` surface the gradient seams.
29
- * Such callers want the mask treatment instead.
30
- */
31
- export declare function ScrollFadeArea({ children, className, viewportClassName, viewportRef, }: ScrollFadeAreaProps): import("react").JSX.Element;
32
- //# sourceMappingURL=scroll-fade-area.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,30 +0,0 @@
1
- "use client";
2
- "use client";
3
- import { cn as e } from "../../../lib/utils.js";
4
- import { useScrollFade as t } from "../../../hooks/use-scroll-fade.js";
5
- import { useCallback as n, useRef as r } from "react";
6
- import { jsx as i, jsxs as a } from "react/jsx-runtime";
7
- //#region lib/components/ui/molecules/scroll-fade-area.tsx
8
- function o({ children: o, className: s, viewportClassName: c, viewportRef: l }) {
9
- let u = t("y"), d = r(l);
10
- d.current = l;
11
- let f = n((e) => {
12
- u.ref(e), d.current?.(e);
13
- }, [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;
14
- return /* @__PURE__ */ a("div", {
15
- className: e("relative min-h-0 flex-1", s),
16
- children: [
17
- 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,
18
- 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,
19
- /* @__PURE__ */ i("div", {
20
- className: e("h-full overflow-y-auto transition-shadow duration-200", c),
21
- onScroll: u.onScroll,
22
- ref: f,
23
- style: { boxShadow: p },
24
- children: o
25
- })
26
- ]
27
- });
28
- }
29
- //#endregion
30
- export { o as ScrollFadeArea };
@@ -1,22 +0,0 @@
1
- /**
2
- * Fades the edge(s) of a scroll container that still have hidden content, via a
3
- * dynamic mask-image — a lightweight "there's more" hint with no extra DOM.
4
- * Works on either axis and only fades an edge you can actually scroll toward.
5
- * Attach `ref` + `onScroll` to the scrollable element and spread `style`.
6
- *
7
- * Also returns `edges` ({ start, end }) for callers that want to draw their own
8
- * edge affordance (e.g. a shadow) only when there is hidden content.
9
- */
10
- export declare function useScrollFade(axis: "x" | "y"): {
11
- ref: (el: HTMLDivElement | null) => void;
12
- onScroll: () => void;
13
- edges: {
14
- start: boolean;
15
- end: boolean;
16
- };
17
- style: {
18
- maskImage: string;
19
- WebkitMaskImage: string;
20
- } | undefined;
21
- };
22
- //# sourceMappingURL=use-scroll-fade.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,39 +0,0 @@
1
- "use client";
2
- "use client";
3
- import { useCallback as e, useRef as t, useState as n } from "react";
4
- //#region lib/hooks/use-scroll-fade.ts
5
- var r = 24;
6
- function i(i) {
7
- let [a, o] = n({
8
- start: !1,
9
- end: !1
10
- }), s = t(null), c = t(null), l = t(null), u = e(() => {
11
- let e = s.current;
12
- if (!e) return;
13
- 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;
14
- o((e) => e.start === a && e.end === c ? e : {
15
- start: a,
16
- end: c
17
- });
18
- }, [i]), d = e(() => {
19
- let e = s.current, t = c.current;
20
- if (e && t) {
21
- t.disconnect(), t.observe(e);
22
- for (let n of Array.from(e.children)) t.observe(n);
23
- u();
24
- }
25
- }, [u]), f = e((e) => {
26
- 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());
27
- }, [u, d]), p;
28
- 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%"})`), {
29
- ref: f,
30
- onScroll: u,
31
- edges: a,
32
- style: p ? {
33
- maskImage: p,
34
- WebkitMaskImage: p
35
- } : void 0
36
- };
37
- }
38
- //#endregion
39
- export { i as useScrollFade };