@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.
- package/dist/assets/icons/google-forms.js +136 -0
- package/dist/assets/icons/postman.js +99 -0
- package/dist/assets/index.css +1 -1
- package/dist/assets/tokens.css +1 -1
- package/dist/assets/variables.css +1 -1
- package/dist/components/index.js +165 -164
- package/dist/components/ui/atoms/icons/google-forms.d.ts +4 -0
- package/dist/components/ui/atoms/icons/google-forms.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/google-forms.js +128 -0
- package/dist/components/ui/atoms/icons/index.d.ts +2 -0
- package/dist/components/ui/atoms/icons/index.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/index.js +95 -93
- package/dist/components/ui/atoms/icons/postman.d.ts +4 -0
- package/dist/components/ui/atoms/icons/postman.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/postman.js +91 -0
- package/dist/components/ui/atoms/index.js +122 -120
- package/dist/components/ui/index.js +165 -164
- package/dist/components/ui/molecules/index.d.ts +0 -2
- package/dist/components/ui/molecules/index.d.ts.map +1 -1
- package/dist/components/ui/molecules/index.js +8 -9
- package/dist/components/ui/molecules/mcp-server-picker/category-filter.d.ts.map +1 -1
- package/dist/components/ui/molecules/mcp-server-picker/category-filter.js +13 -18
- package/dist/components/ui/organisms/mcp-selection-summary-bar.d.ts.map +1 -1
- package/dist/components/ui/organisms/mcp-selection-summary-bar.js +34 -38
- package/dist/main.js +171 -170
- package/dist/metadata/toolkit-icons.d.ts.map +1 -1
- package/dist/metadata/toolkit-icons.js +139 -135
- package/dist/metadata/toolkits.d.ts.map +1 -1
- package/dist/metadata/toolkits.js +26 -0
- package/package.json +1 -1
- package/dist/components/ui/molecules/scroll-fade-area.d.ts +0 -32
- package/dist/components/ui/molecules/scroll-fade-area.d.ts.map +0 -1
- package/dist/components/ui/molecules/scroll-fade-area.js +0 -30
- package/dist/hooks/use-scroll-fade.d.ts +0 -22
- package/dist/hooks/use-scroll-fade.d.ts.map +0 -1
- 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 {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
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
|
|
71
|
-
import { Insightly as
|
|
72
|
-
import { Intercom as
|
|
73
|
-
import { Jira as
|
|
74
|
-
import { Linear as
|
|
75
|
-
import { Linkedin as
|
|
76
|
-
import { Luma as
|
|
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
|
|
79
|
-
import { Mcp as
|
|
80
|
-
import { MicrosoftDynamics as
|
|
81
|
-
import { MicrosoftExcel as
|
|
82
|
-
import { MicrosoftOnedrive as
|
|
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
|
|
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
|
|
88
|
-
import { MicrosoftWord as
|
|
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
|
|
91
|
-
import { MongoDB as
|
|
92
|
-
import { Netsuite as
|
|
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
|
|
95
|
-
import { Okta as
|
|
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
|
|
98
|
-
import { Pinterest as
|
|
99
|
-
import { Pipedrive as
|
|
100
|
-
import { Plaid as
|
|
101
|
-
import { Postgres as
|
|
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
|
|
105
|
-
import { Railway as
|
|
106
|
-
import { Reddit as
|
|
107
|
-
import { Resend as
|
|
108
|
-
import { Salesforce as
|
|
109
|
-
import { Shopify as
|
|
110
|
-
import { Singlestore as
|
|
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
|
|
113
|
-
import { Splunk as
|
|
114
|
-
import { Spotify as
|
|
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
|
|
117
|
-
import { Squareup as
|
|
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
|
|
120
|
-
import { Ticktick as
|
|
121
|
-
import { Tiktok as
|
|
122
|
-
import { Trello as
|
|
123
|
-
import { Twilio as
|
|
124
|
-
import { Twitch as
|
|
125
|
-
import { Vercel as
|
|
126
|
-
import { Walmart as
|
|
127
|
-
import { Weaviate as
|
|
128
|
-
import { Workday as
|
|
129
|
-
import { Wrike as
|
|
130
|
-
import { X as
|
|
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
|
|
133
|
-
import { Yugabytedb as
|
|
134
|
-
import { Zendesk as
|
|
135
|
-
import { ZohoBooks as
|
|
136
|
-
import { ZohoCreator as
|
|
137
|
-
import { Zoom as
|
|
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
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
211
|
+
GoogleForms: we,
|
|
212
|
+
GoogleHotels: Te,
|
|
213
|
+
GoogleJobs: Ee,
|
|
214
|
+
GoogleMaps: De,
|
|
215
|
+
GoogleNews: Oe,
|
|
213
216
|
GoogleSearch: A,
|
|
214
|
-
GoogleSheets:
|
|
215
|
-
GoogleShopping:
|
|
216
|
-
GoogleSlides:
|
|
217
|
-
Granola:
|
|
218
|
-
Heroku:
|
|
219
|
-
Hootsuite:
|
|
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:
|
|
230
|
-
Insightly:
|
|
231
|
-
IntercomApi:
|
|
232
|
-
Jira:
|
|
233
|
-
Linear:
|
|
234
|
-
Linkedin:
|
|
235
|
-
LumaApi:
|
|
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:
|
|
239
|
-
MCP:
|
|
240
|
-
MicrosoftDynamics:
|
|
241
|
-
MicrosoftExcel:
|
|
241
|
+
Math: He,
|
|
242
|
+
MCP: Ue,
|
|
243
|
+
MicrosoftDynamics: I,
|
|
244
|
+
MicrosoftExcel: We,
|
|
242
245
|
MicrosoftOutlookCalendar: L,
|
|
243
246
|
MicrosoftOutlookMail: R,
|
|
244
|
-
MicrosoftPowerpoint:
|
|
247
|
+
MicrosoftPowerpoint: Ke,
|
|
245
248
|
MicrosoftSharePoint: z,
|
|
246
249
|
Sharepoint: z,
|
|
247
|
-
MicrosoftTeams:
|
|
248
|
-
MicrosoftWord:
|
|
250
|
+
MicrosoftTeams: qe,
|
|
251
|
+
MicrosoftWord: Je,
|
|
249
252
|
Miro: B,
|
|
250
253
|
MiroApi: B,
|
|
251
|
-
Monday:
|
|
252
|
-
MongoDB:
|
|
253
|
-
Netsuite:
|
|
254
|
+
Monday: Ye,
|
|
255
|
+
MongoDB: Xe,
|
|
256
|
+
Netsuite: Ze,
|
|
254
257
|
Notion: V,
|
|
255
258
|
NotionToolkit: V,
|
|
256
|
-
Obsidian:
|
|
257
|
-
Okta:
|
|
258
|
-
MicrosoftOnedrive:
|
|
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:
|
|
264
|
-
Pinterest:
|
|
265
|
-
Pipedrive:
|
|
266
|
-
Plaid:
|
|
266
|
+
Pinecone: et,
|
|
267
|
+
Pinterest: tt,
|
|
268
|
+
Pipedrive: nt,
|
|
269
|
+
Plaid: rt,
|
|
267
270
|
Posthog: U,
|
|
268
271
|
PosthogApi: U,
|
|
269
|
-
Postgres:
|
|
272
|
+
Postgres: it,
|
|
273
|
+
Postman: at,
|
|
270
274
|
Pylon: W,
|
|
271
275
|
PylonApi: W,
|
|
272
|
-
Quickbooks:
|
|
273
|
-
Railway:
|
|
274
|
-
Reddit:
|
|
275
|
-
Resend:
|
|
276
|
-
Salesforce:
|
|
277
|
-
Shopify:
|
|
278
|
-
Singlestore:
|
|
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:
|
|
282
|
-
Splunk:
|
|
283
|
-
Spotify:
|
|
285
|
+
Snowflake: pt,
|
|
286
|
+
Splunk: mt,
|
|
287
|
+
Spotify: ht,
|
|
284
288
|
Square: K,
|
|
285
|
-
Squareup:
|
|
289
|
+
Squareup: _t,
|
|
286
290
|
SquareupApi: K,
|
|
287
291
|
SquareUpApi: K,
|
|
288
|
-
Squarespace:
|
|
292
|
+
Squarespace: gt,
|
|
289
293
|
Stripe: q,
|
|
290
294
|
StripeApi: q,
|
|
291
|
-
Telegram:
|
|
292
|
-
Tiktok:
|
|
293
|
-
TickTickApi:
|
|
294
|
-
TrelloApi:
|
|
295
|
-
Twilio:
|
|
296
|
-
Twitch:
|
|
297
|
-
Vercel:
|
|
298
|
-
Walmart:
|
|
299
|
-
WeaviateApi:
|
|
300
|
-
Workday:
|
|
301
|
-
Wrike:
|
|
302
|
-
X:
|
|
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:
|
|
306
|
-
ZohoBooksApi:
|
|
307
|
-
ZohoCreatorApi:
|
|
308
|
-
Youtube:
|
|
309
|
-
Zendesk:
|
|
310
|
-
Zoom:
|
|
311
|
-
},
|
|
312
|
-
let t = e ?
|
|
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,
|
|
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
|
-
},
|
|
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,
|
|
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,
|
|
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,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 };
|