@arcadeai/design-system 3.36.0 → 3.36.2

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

@@ -1,31 +1,31 @@
 import { Accordion as e, AccordionContent as t, AccordionItem as p, AccordionTrigger as a } from "./accordion.js";
 import { Alert as i, AlertDescription as f, AlertTitle as x } from "./alert.js";
 import { AlertDialog as n, AlertDialogAction as d, AlertDialogCancel as g, AlertDialogContent as c, AlertDialogDescription as s, AlertDialogFooter as u, AlertDialogHeader as C, AlertDialogOverlay as b, AlertDialogPortal as S, AlertDialogTitle as h, AlertDialogTrigger as D } from "./alert-dialog.js";
-import { Avatar as M, AvatarFallback as A, AvatarImage as B } from "./avatar.js";
-import { AvatarNotificationBadge as k, avatarBadgeVariants as w } from "./avatar-notification-badge.js";
-import { Badge as L, badgeVariants as P } from "./badge.js";
-import { BrandChip as I } from "./brand-chip.js";
-import { Breadcrumb as F, BreadcrumbEllipsis as V, BreadcrumbItem as R, BreadcrumbLink as O, BreadcrumbList as E, BreadcrumbPage as z, BreadcrumbSeparator as W } from "./breadcrumb.js";
-import { Button as N, buttonVariants as q } from "./button.js";
-import { ByocBadge as X } from "./byoc-badge.js";
-import { C as j, a as Q } from "../../../calendar-DreAgQKY.js";
-import { Card as K, CardAction as _, CardContent as $, CardDescription as oo, CardFooter as ro, CardHeader as eo, CardTitle as to } from "./card.js";
-import { ChartContainer as ao, ChartLegend as mo, ChartLegendContent as io, ChartStyle as fo, ChartTooltip as xo, ChartTooltipContent as lo } from "./chart.js";
-import { ChatContainerContent as go, ChatContainerRoot as co, ChatContainerScrollAnchor as so } from "./chat-container.js";
-import { Checkbox as Co } from "./checkbox.js";
-import { CodeBlock as So, CodeBlockCode as ho, CodeBlockGroup as Do } from "./code-block.js";
-import { Collapsible as Mo, CollapsibleContent as Ao, CollapsibleTrigger as Bo } from "./collapsible.js";
-import { Command as ko, CommandDialog as wo, CommandEmpty as yo, CommandGroup as Lo, CommandInput as Po, CommandItem as vo, CommandList as Io, CommandSeparator as Ho, CommandShortcut as Fo } from "./command.js";
-import { CopyButton as Ro } from "./copy-button.js";
-import { Dialog as Eo, DialogClose as zo, DialogContent as Wo, DialogDescription as Zo, DialogFooter as No, DialogHeader as qo, DialogOverlay as Jo, DialogPortal as Xo, DialogTitle as Yo, DialogTrigger as jo } from "./dialog.js";
-import { DropdownMenu as Uo, DropdownMenuCheckboxItem as Ko, DropdownMenuContent as _o, DropdownMenuGroup as $o, DropdownMenuItem as or, DropdownMenuLabel as rr, DropdownMenuPortal as er, DropdownMenuRadioGroup as tr, DropdownMenuRadioItem as pr, DropdownMenuSeparator as ar, DropdownMenuShortcut as mr, DropdownMenuSub as ir, DropdownMenuSubContent as fr, DropdownMenuSubTrigger as xr, DropdownMenuTrigger as lr } from "./dropdown-menu.js";
-import { HoverCard as dr, HoverCardContent as gr, HoverCardTrigger as cr } from "./hover-card.js";
-import { Adp as ur } from "./icons/adp.js";
-import { Aha as br } from "./icons/aha.js";
-import { Airtable as hr } from "./icons/airtable.js";
-import { Amplitude as Tr } from "./icons/amplitude.js";
-import { Arcade as Ar } from "./icons/arcade.js";
-import { ArcadeGradient as Gr } from "./icons/arcade-gradient.js";
+import { ArcadeGradient as M } from "./arcade-gradient.js";
+import { Avatar as B, AvatarFallback as G, AvatarImage as k } from "./avatar.js";
+import { AvatarNotificationBadge as y, avatarBadgeVariants as L } from "./avatar-notification-badge.js";
+import { Badge as v, badgeVariants as I } from "./badge.js";
+import { BrandChip as F } from "./brand-chip.js";
+import { Breadcrumb as R, BreadcrumbEllipsis as O, BreadcrumbItem as E, BreadcrumbLink as z, BreadcrumbList as W, BreadcrumbPage as Z, BreadcrumbSeparator as N } from "./breadcrumb.js";
+import { Button as J, buttonVariants as X } from "./button.js";
+import { ByocBadge as j } from "./byoc-badge.js";
+import { C as U, a as K } from "../../../calendar-DreAgQKY.js";
+import { Card as $, CardAction as oo, CardContent as ro, CardDescription as eo, CardFooter as to, CardHeader as po, CardTitle as ao } from "./card.js";
+import { ChartContainer as io, ChartLegend as fo, ChartLegendContent as xo, ChartStyle as lo, ChartTooltip as no, ChartTooltipContent as go } from "./chart.js";
+import { ChatContainerContent as so, ChatContainerRoot as uo, ChatContainerScrollAnchor as Co } from "./chat-container.js";
+import { Checkbox as So } from "./checkbox.js";
+import { CodeBlock as Do, CodeBlockCode as To, CodeBlockGroup as Mo } from "./code-block.js";
+import { Collapsible as Bo, CollapsibleContent as Go, CollapsibleTrigger as ko } from "./collapsible.js";
+import { Command as yo, CommandDialog as Lo, CommandEmpty as Po, CommandGroup as vo, CommandInput as Io, CommandItem as Ho, CommandList as Fo, CommandSeparator as Vo, CommandShortcut as Ro } from "./command.js";
+import { CopyButton as Eo } from "./copy-button.js";
+import { Dialog as Wo, DialogClose as Zo, DialogContent as No, DialogDescription as qo, DialogFooter as Jo, DialogHeader as Xo, DialogOverlay as Yo, DialogPortal as jo, DialogTitle as Qo, DialogTrigger as Uo } from "./dialog.js";
+import { DropdownMenu as _o, DropdownMenuCheckboxItem as $o, DropdownMenuContent as or, DropdownMenuGroup as rr, DropdownMenuItem as er, DropdownMenuLabel as tr, DropdownMenuPortal as pr, DropdownMenuRadioGroup as ar, DropdownMenuRadioItem as mr, DropdownMenuSeparator as ir, DropdownMenuShortcut as fr, DropdownMenuSub as xr, DropdownMenuSubContent as lr, DropdownMenuSubTrigger as nr, DropdownMenuTrigger as dr } from "./dropdown-menu.js";
+import { HoverCard as cr, HoverCardContent as sr, HoverCardTrigger as ur } from "./hover-card.js";
+import { Adp as br } from "./icons/adp.js";
+import { Aha as hr } from "./icons/aha.js";
+import { Airtable as Tr } from "./icons/airtable.js";
+import { Amplitude as Ar } from "./icons/amplitude.js";
+import { Arcade as Gr } from "./icons/arcade.js";
 import { ArcadeLogo as wr } from "./icons/arcade-logo.js";
 import { Asana as Lr } from "./icons/asana.js";
 import { Ashby as vr } from "./icons/ashby.js";
@@ -206,9 +206,9 @@ export {
   t as AccordionContent,
   p as AccordionItem,
   a as AccordionTrigger,
-  ur as Adp,
-  br as Aha,
-  hr as Airtable,
+  br as Adp,
+  hr as Aha,
+  Tr as Airtable,
   i as Alert,
   f as AlertDescription,
   n as AlertDialog,
@@ -223,86 +223,86 @@ export {
   h as AlertDialogTitle,
   D as AlertDialogTrigger,
   x as AlertTitle,
-  Tr as Amplitude,
-  Ar as Arcade,
-  Gr as ArcadeGradient,
+  Ar as Amplitude,
+  Gr as Arcade,
+  M as ArcadeGradient,
   wr as ArcadeLogo,
   Lr as Asana,
   vr as Ashby,
   Hr as Atlassian,
   Vr as Attio,
   Or as Auth0,
-  M as Avatar,
-  A as AvatarFallback,
-  B as AvatarImage,
-  k as AvatarNotificationBadge,
+  B as Avatar,
+  G as AvatarFallback,
+  k as AvatarImage,
+  y as AvatarNotificationBadge,
   zr as Azure,
-  L as Badge,
+  v as Badge,
   Zr as Bamboohr,
   qr as Basecamp,
   Xr as Bill,
   jr as Bitbucket,
   Ur as Bluesky,
   _r as Box,
-  I as BrandChip,
+  F as BrandChip,
   oe as Braze,
-  F as Breadcrumb,
-  V as BreadcrumbEllipsis,
-  R as BreadcrumbItem,
-  O as BreadcrumbLink,
-  E as BreadcrumbList,
-  z as BreadcrumbPage,
-  W as BreadcrumbSeparator,
+  R as Breadcrumb,
+  O as BreadcrumbEllipsis,
+  E as BreadcrumbItem,
+  z as BreadcrumbLink,
+  W as BreadcrumbList,
+  Z as BreadcrumbPage,
+  N as BreadcrumbSeparator,
   ee as Brex,
   pe as Brightdata,
   me as Buffer,
-  N as Button,
-  X as ByocBadge,
-  j as Calendar,
-  Q as CalendarDayButton,
+  J as Button,
+  j as ByocBadge,
+  U as Calendar,
+  K as CalendarDayButton,
   fe as Calendly,
-  K as Card,
-  _ as CardAction,
-  $ as CardContent,
-  oo as CardDescription,
-  ro as CardFooter,
-  eo as CardHeader,
-  to as CardTitle,
-  ao as ChartContainer,
-  mo as ChartLegend,
-  io as ChartLegendContent,
-  fo as ChartStyle,
-  xo as ChartTooltip,
-  lo as ChartTooltipContent,
-  go as ChatContainerContent,
-  co as ChatContainerRoot,
-  so as ChatContainerScrollAnchor,
-  Co as Checkbox,
+  $ as Card,
+  oo as CardAction,
+  ro as CardContent,
+  eo as CardDescription,
+  to as CardFooter,
+  po as CardHeader,
+  ao as CardTitle,
+  io as ChartContainer,
+  fo as ChartLegend,
+  xo as ChartLegendContent,
+  lo as ChartStyle,
+  no as ChartTooltip,
+  go as ChartTooltipContent,
+  so as ChatContainerContent,
+  uo as ChatContainerRoot,
+  Co as ChatContainerScrollAnchor,
+  So as Checkbox,
   le as Claude,
   de as ClaudeCodeLogotype,
   ce as Clickhouse,
   ue as Clickup,
   be as Cline,
   he as Closeio,
-  So as CodeBlock,
-  ho as CodeBlockCode,
-  Do as CodeBlockGroup,
+  Do as CodeBlock,
+  To as CodeBlockCode,
+  Mo as CodeBlockGroup,
   Te as Codesandbox,
   Ae as Coinbase,
-  Mo as Collapsible,
-  Ao as CollapsibleContent,
-  Bo as CollapsibleTrigger,
-  ko as Command,
-  wo as CommandDialog,
-  yo as CommandEmpty,
-  Lo as CommandGroup,
-  Po as CommandInput,
-  vo as CommandItem,
-  Io as CommandList,
-  Ho as CommandSeparator,
-  Fo as CommandShortcut,
+  Bo as Collapsible,
+  Go as CollapsibleContent,
+  ko as CollapsibleTrigger,
+  yo as Command,
+  Lo as CommandDialog,
+  Po as CommandEmpty,
+  vo as CommandGroup,
+  Io as CommandInput,
+  Ho as CommandItem,
+  Fo as CommandList,
+  Vo as CommandSeparator,
+  Ro as CommandShortcut,
   Ge as Confluence,
-  Ro as CopyButton,
+  Eo as CopyButton,
   we as Cursor,
   Le as CursorInstallDark,
   ve as CursorInstallLight,
@@ -310,34 +310,34 @@ export {
   Ve as Customerio,
   Oe as Datadog,
   ze as Daytona,
-  Eo as Dialog,
-  zo as DialogClose,
-  Wo as DialogContent,
-  Zo as DialogDescription,
-  No as DialogFooter,
-  qo as DialogHeader,
-  Jo as DialogOverlay,
-  Xo as DialogPortal,
-  Yo as DialogTitle,
-  jo as DialogTrigger,
+  Wo as Dialog,
+  Zo as DialogClose,
+  No as DialogContent,
+  qo as DialogDescription,
+  Jo as DialogFooter,
+  Xo as DialogHeader,
+  Yo as DialogOverlay,
+  jo as DialogPortal,
+  Qo as DialogTitle,
+  Uo as DialogTrigger,
   Ze as DigitalOcean,
   qe as Discord,
   Xe as Dropbox,
-  Uo as DropdownMenu,
-  Ko as DropdownMenuCheckboxItem,
-  _o as DropdownMenuContent,
-  $o as DropdownMenuGroup,
-  or as DropdownMenuItem,
-  rr as DropdownMenuLabel,
-  er as DropdownMenuPortal,
-  tr as DropdownMenuRadioGroup,
-  pr as DropdownMenuRadioItem,
-  ar as DropdownMenuSeparator,
-  mr as DropdownMenuShortcut,
-  ir as DropdownMenuSub,
-  fr as DropdownMenuSubContent,
-  xr as DropdownMenuSubTrigger,
-  lr as DropdownMenuTrigger,
+  _o as DropdownMenu,
+  $o as DropdownMenuCheckboxItem,
+  or as DropdownMenuContent,
+  rr as DropdownMenuGroup,
+  er as DropdownMenuItem,
+  tr as DropdownMenuLabel,
+  pr as DropdownMenuPortal,
+  ar as DropdownMenuRadioGroup,
+  mr as DropdownMenuRadioItem,
+  ir as DropdownMenuSeparator,
+  fr as DropdownMenuShortcut,
+  xr as DropdownMenuSub,
+  lr as DropdownMenuSubContent,
+  nr as DropdownMenuSubTrigger,
+  dr as DropdownMenuTrigger,
   je as E2b,
   Ue as Ebay,
   _e as Evernote,
@@ -370,9 +370,9 @@ export {
   _t as Granola,
   op as Heroku,
   ep as Hootsuite,
-  dr as HoverCard,
-  gr as HoverCardContent,
-  cr as HoverCardTrigger,
+  cr as HoverCard,
+  sr as HoverCardContent,
+  ur as HoverCardTrigger,
   pp as Hubspot,
   mp as Imgflip,
   _m as Input,
@@ -540,9 +540,9 @@ export {
   Xm as ZohoBooks,
   jm as ZohoCreator,
   Um as Zoom,
-  w as avatarBadgeVariants,
-  P as badgeVariants,
-  q as buttonVariants,
+  L as avatarBadgeVariants,
+  I as badgeVariants,
+  X as buttonVariants,
   ri as jsonHighlightVariants,
   Hf as stepIndicatorIconVariants,
   Ff as stepIndicatorLabelVariants,

package/dist/components/ui/atoms/virtualized-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"virtualized-grid.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/virtualized-grid.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,0BAA0B;IAC1B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,oCAAoC;IACpC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD,2CAA2C;IAC3C,eAAe,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAiBF,wBAAgB,eAAe,CAAC,CAAC,EAAE,EACjC,KAAK,EACL,OAAO,EACP,SAAS,EACT,UAAU,EACV,eAAe,EACf,UAAU,EACV,QAA2B,EAC3B,QAA6B,EAC7B,aAAkC,GACnC,EAAE,oBAAoB,CAAC,CAAC,CAAC,kDA0GzB"}
+{"version":3,"file":"virtualized-grid.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/virtualized-grid.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,0BAA0B;IAC1B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,oCAAoC;IACpC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD,2CAA2C;IAC3C,eAAe,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAgBF,wBAAgB,eAAe,CAAC,CAAC,EAAE,EACjC,KAAK,EACL,OAAO,EACP,SAAS,EACT,UAAU,EACV,eAAe,EACf,UAAU,EACV,QAA2B,EAC3B,QAA6B,EAC7B,aAAwC,GACzC,EAAE,oBAAoB,CAAC,CAAC,CAAC,kDA0GzB"}

package/dist/components/ui/atoms/virtualized-grid.js

@@ -1,6 +1,6 @@
 import { jsx as x } from "react/jsx-runtime";
 import * as w from "react";
-import { useRef as F, useState as D, useEffect as T, useMemo as k } from "react";
+import { useRef as F, useState as k, useEffect as T, useMemo as D } from "react";
 import { flushSync as N } from "react-dom";
 function y(r, l, e) {
   let s = e.initialDeps ?? [], t, n = !0;
@@ -42,7 +42,7 @@ function O(r, l) {
     throw new Error("Unexpected undefined");
   return r;
 }
-const W = (r, l) => Math.abs(r - l) < 1.01, L = (r, l, e) => {
+const W = (r, l) => Math.abs(r - l) < 1.01, V = (r, l, e) => {
   let s;
   return function(...t) {
     r.clearTimeout(s), s = r.setTimeout(() => l.apply(this, t), e);
@@ -50,7 +50,7 @@ const W = (r, l) => Math.abs(r - l) < 1.01, L = (r, l, e) => {
 }, z = (r) => {
   const { offsetWidth: l, offsetHeight: e } = r;
   return { width: l, height: e };
-}, V = (r) => r, j = (r) => {
+}, L = (r) => r, j = (r) => {
   const l = Math.max(r.startIndex - r.overscan, 0), e = Math.min(r.endIndex + r.overscan, r.count - 1), s = [];
   for (let t = l; t <= e; t++)
     s.push(t);
@@ -97,7 +97,7 @@ const W = (r, l) => Math.abs(r - l) < 1.01, L = (r, l, e) => {
     return;
   let t = 0;
   const n = r.options.useScrollendEvent && I ? () => {
-  } : L(
+  } : V(
     s,
     () => {
       l(t, !1);
@@ -132,7 +132,7 @@ const W = (r, l) => Math.abs(r - l) < 1.01, L = (r, l, e) => {
     behavior: e
   });
 };
-class U {
+class q {
   constructor(l) {
     this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.currentScrollToIndex = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
       let e = null;
@@ -170,7 +170,7 @@ class U {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: V,
+        getItemKey: L,
         rangeExtractor: j,
         onChange: () => {
         },
@@ -323,7 +323,7 @@ class U {
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (e, s, t, n) => this.range = e.length > 0 && s > 0 ? q({
+      (e, s, t, n) => this.range = e.length > 0 && s > 0 ? U({
         measurements: e,
         outerSize: s,
         scrollOffset: t,
@@ -531,7 +531,7 @@ const _ = (r, l, e, s) => {
   }
   return r > 0 ? r - 1 : 0;
 };
-function q({
+function U({
   measurements: r,
   outerSize: l,
   scrollOffset: e,
@@ -579,7 +579,7 @@ function K({
       r && o ? N(e) : e(), (i = l.onChange) == null || i.call(l, n, o);
     }
   }, [t] = w.useState(
-    () => new U(s)
+    () => new q(s)
   );
   return t.setOptions(s), A(() => t._didMount(), []), A(() => t._willUpdate()), t;
 }
@@ -591,8 +591,8 @@ function G(r) {
     ...r
   });
 }
-const X = 5, Y = 0, J = "grid grid-cols-1 gap-4";
-function Q(r, l) {
+const X = 5, Y = 0;
+function J(r, l) {
   if (l <= 0)
     throw new Error(`chunkArray: size must be positive, received ${l}`);
   const e = [];
@@ -600,7 +600,7 @@ function Q(r, l) {
     e.push(r.slice(s, s + l));
   return e;
 }
-function se({
+function te({
   items: r,
   columns: l,
   parentRef: e,
@@ -609,13 +609,13 @@ function se({
   getItemKey: n,
   overscan: o = X,
   rowGapPx: i = Y,
-  gridClassName: h = J
+  gridClassName: h = "grid grid-cols-1 gap-4"
 }) {
   if (l <= 0)
     throw new Error(
       `VirtualizedGrid: columns must be positive, received ${l}`
     );
-  const u = F(null), [c, v] = D(0);
+  const u = F(null), [c, v] = k(0);
   T(() => {
     const m = u.current, p = e.current;
     if (!(m && p))
@@ -628,7 +628,7 @@ function se({
     const E = new ResizeObserver(d);
     return E.observe(m), E.observe(p), () => E.disconnect();
   }, [e]);
-  const a = k(() => Q(r, l).map(
+  const a = D(() => J(r, l).map(
     (p, d) => p.map((E, S) => ({
       item: E,
       index: d * l + S
@@ -679,5 +679,5 @@ function se({
   );
 }
 export {
-  se as VirtualizedGrid
+  te as VirtualizedGrid
 };