@arcadeai/design-system 3.33.2 → 3.35.0

package/README.md

@@ -1,354 +1,67 @@
 # Arcade Design System
 
-A modern React component library that ensures consistent UI across all our applications, built with TypeScript, Tailwind CSS and shadcn/ui.
+Published as [`@arcadeai/design-system`](https://www.npmjs.com/package/@arcadeai/design-system) — 100+ accessible React components built on Radix UI with Tailwind CSS.
 
-## ✨ Cool Features
-
-- **🎨 Modern Design**: Clean, professional components following modern design principles
-- **♿ Accessible**: Built on Radix UI primitives for excellent accessibility out of the box
-- **🎯 TypeScript**: Full TypeScript support for better developer experience
-- **🎨 Customizable**: Easy to customize with Tailwind CSS classes
-- **⚡ Lightweight**: Optimized bundle size with tree-shaking support
-- **🔧 Flexible**: Easy to integrate with any React project
-
-## 📦 Installation
-
-Install the design system as a dependency in your project:
+## Usage
 
 ```bash
 npm install @arcadeai/design-system
-# or
-pnpm add @arcadeai/design-system
-# or
-yarn add @arcadeai/design-system
-```
-
-### Peer Dependencies
-
-Make sure you have the required peer dependencies installed:
-
-```bash
-npm install react react-dom tailwindcss lucide-react
 ```
 
-**Required versions:**
-
-- React: ^19.1.0
-- React DOM: ^19.1.0
-- Tailwind CSS: ^4.1.10
-- Lucide React: ^0.522.0
-
-## 🚀 Quick Start
-
-### 1. Import Styles
-
-Import the design system styles in your main CSS file or at the root of your application:
+Import styles at your app root:
 
 ```css
-@import '@arcadeai/design-system/index.css';
+@import "@arcadeai/design-system/index.css";
 ```
 
-### 2. Configure Tailwind CSS
-
-Ensure your Tailwind CSS configuration is compatible with the design system. The design system uses Tailwind CSS v4 with specific configurations.
-
-### 3. Use Components
-
-Import and use components in your React application:
+Then use components:
 
 ```tsx
-import { Button, Card, Input } from '@arcadeai/design-system';
-
-function MyApp() {
-  return (
-    <Card>
-      <Input placeholder="Enter your email" />
-      <Button>Submit</Button>
-    </Card>
-  );
-}
+import { Button, Card, Input } from "@arcadeai/design-system";
 ```
 
 ## shadcn Registry
 
-The design system is also available as a [shadcn registry](https://ui.shadcn.com/docs/registry), allowing you to install individual components directly into your project using the `shadcn` CLI.
-
-### Setup
-
-1. Add the registry to your `components.json`:
-
-    ```json
-    {
-      "registries": {
-        "@arcadeai": "https://ds.arcade.dev/r/{name}.json"
-      }
-    }
-    ```
-
-2. Install the theme and apply tokens:
-
-    ```bash
-    npx shadcn@latest add @arcadeai/arcadeai-theme
-    ```
-
-    Then import `tokens.css` in your root component to apply the full Arcade colour palette (works around a known shadcn limitation where `cssVars` won't overwrite existing variables):
+The design system is also available as a [shadcn registry](https://ui.shadcn.com/docs/registry). Add the registry to your `components.json`:
 
-    ```tsx
-    import "@/components/tokens.css";
-    ```
-
-3. Install components:
-
-    ```bash
-    npx shadcn@latest add @arcadeai/button
-    npx shadcn@latest add @arcadeai/card
-    ```
-
-4. Optionally install fonts and icons:
-
-    ```bash
-    npx shadcn@latest add @arcadeai/arcadeai-fonts
-    npx shadcn@latest add @arcadeai/icons
-    ```
+```json
+{
+  "registries": {
+    "@arcadeai": "https://ds.arcade.dev/r/{name}.json"
+  }
+}
+```
 
-**Verify your setup:** Install the `demo` block to render a page that exercises theme, fonts, icons, and core components all at once — useful as a smoke test after setting up a new project:
+Then install components:
 
 ```bash
-npx shadcn@latest add @arcadeai/demo
+npx shadcn@latest add @arcadeai/arcadeai-theme
+npx shadcn@latest add @arcadeai/button
 ```
 
-### Building the Registry
-
-To build the registry from source:
+## Development
 
 ```bash
-bun run build:registry
+make help      # see all available commands
+make install   # install dependencies
+make dev       # start Storybook dev server (headless)
+make run       # start Storybook (opens browser)
+make build     # build the library
+make check     # lint + type-check
 ```
 
-This runs `shadcn build` using the `registry.json` config and outputs individual item JSON files to `public/r/`.
-
-### Testing Locally
-
-To test the registry without publishing:
-
-1. Build the registry:
-
-    ```bash
-    bun run build:registry
-    ```
-
-2. Serve the registry locally:
-
-    ```bash
-    npx serve public -p 3333 --cors
-    ```
-
-3. Create a new Vite + React + TypeScript project and initialize shadcn:
-
-    ```bash
-    bun create vite arcade-registry-test --template react-ts
-    cd arcade-registry-test
-    bun install
-    npx shadcn@latest init
-    ```
-
-4. **Important:** Remove Vite's default `index.css` to avoid conflicts with Tailwind CSS. Vite's template includes unlayered button/link styles that override Tailwind utilities:
-
-    ```bash
-    rm src/index.css
-    ```
-
-    Then remove the `import './index.css'` line from `src/main.tsx`.
-
-5. In your test project's `components.json`, point to the local server:
-
-    ```json
-    {
-      "registries": {
-        "@arcadeai": "http://localhost:3333/r/{name}.json"
-      }
-    }
-    ```
-
-6. Install the theme, a component, and the demo smoke test:
-
-    ```bash
-    npx shadcn@latest add @arcadeai/arcadeai-theme
-    npx shadcn@latest add @arcadeai/button
-    npx shadcn@latest add @arcadeai/demo
-    ```
-
-7. Use the demo in `src/App.tsx` to verify the full setup:
-
-    ```tsx
-    import "./App.css";
-    import { ArcadeDemo } from "@/components/ui/blocks/demo";
-
-    function App() {
-      return <ArcadeDemo />;
-    }
-
-    export default App;
-    ```
-
-### Registry Items
-
-The registry includes:
-
-- **Theme** (`arcadeai-theme`): Arcade OKLch color tokens for light and dark mode
-- **Fonts** (`arcadeai-fonts`): GT Sectra, GT Cinetype, and GT Cinetype Mono font families
-- **Icons** (`icons`): 100+ brand icons (GitHub, Slack, Google, etc.)
-- **Components**: All atoms (button, badge, card, input, etc.) and molecules
-- **Demo** (`demo`): A verification page that showcases theme, fonts, icons, and components
-
-### Registry Dependencies
-
-All registry dependencies use the `@arcadeai/` namespace prefix. When adding new items to `registry.json`, make sure `registryDependencies` entries use the fully qualified name (e.g., `@arcadeai/utils` instead of `utils`).
-
-### Known Issues
-
-- **shadcn `cssVars` don't overwrite existing values**: When the theme is installed as a transitive dependency (e.g., via `@arcadeai/demo`), the `cssVars` may not update existing variables in `App.css`. The `tokens.css` file works around this by providing all Arcade color values in unlayered `:root`/`.dark` blocks that take CSS cascade priority over shadcn's `@layer theme` defaults.
-- **Vite default `index.css` conflicts with Tailwind**: When creating a new Vite project, the default `index.css` includes unlayered `button` styles (e.g., `background-color: #f9f9f9`) that override Tailwind utilities. Remove `index.css` and its import from `main.tsx` before using Tailwind components.
-
-## 🛠️ Development
-
-### Prerequisites
-
-- Node.js (v18 or higher)
-- pnpm (recommended) or npm
-
-### Getting Started
-
-1. Clone the repository:
-
-    ```bash
-    git clone https://github.com/ArcadeAI/Design-System
-    cd @arcadeai/design-system
-    ```
-
-2. Install dependencies:
-
-    ```bash
-    pnpm install
-    ```
-
-3. View components in Storybook:
-
-    ```bash
-    pnpm dev
-    ```
-
-## 🏗️ Technology Stack
-
-This design system is built on top of:
-
-- **[shadcn/ui](https://ui.shadcn.com/)** - A collection of re-usable components built using Radix UI and Tailwind CSS
-- **[Radix UI](https://www.radix-ui.com/)** - Unstyled, accessible components for building high‑quality design systems
-- **[Tailwind CSS](https://tailwindcss.com/)** - Utility-first CSS framework for rapid UI development
-- **[TypeScript](https://www.typescriptlang.org/)** - Type-safe JavaScript for better developer experience
-- **[Storybook](https://storybook.js.org/)** - Component development and documentation
-
-## 🎨 Design Tokens
-
-The design system uses Tailwind CSS for consistent spacing, colors, typography, and other design tokens. When adding new components:
-
-- Use existing Tailwind classes when possible
-- Follow the established color palette
-- Maintain consistent spacing and typography scales
-
-## 🔧 Contributing
+## Contributing
 
 ### Adding Icons
 
-To add a new icon to the design system:
-
-1. **Add the SVG file**: Place your SVG icon in `/lib/assets/icons/`
-
-   ```bash
-   # Example: adding a new "example" icon
-   cp example.svg lib/assets/icons/
-   ```
-
-2. **Generate the React component**: Run the icon generation script
-
-   ```bash
-   pnpm generate-icons
-   ```
-
-3. **Use the icon**: The generated React component will be automatically available
-
-   ```tsx
-   import { ExampleIcon } from '@arcadeai/design-system/components/ui/atoms/icons';
-   ```
+1. Place SVG in `lib/assets/icons/`
+2. Run `bun run generate-icons`
+3. Import from `@arcadeai/design-system/components/ui/atoms/icons`
 
 ### Adding Toolkits
 
-To add a new toolkit to the system:
-
-1. **Navigate to the toolkits metadata**: Open `lib/metadata/toolkits.ts`
-
-2. **Add your toolkit entry**: Add a new entry to the `TOOLKITS` array
-
-   ```typescript
-   {
-      id: 'X',
-      label: 'X',
-      isBYOC: false,
-      isPro: false,
-      publicIconUrl: `${PUBLIC_ICON_URL}/x.svg`,
-      icon: Icons.X,
-      // Other properties...
-   }
-   ```
+Add entries to `lib/metadata/toolkits.ts` — see existing entries for the pattern.
 
 ### Adding OAuth Providers
 
-To add a new OAuth provider:
-
-1. **Navigate to OAuth providers metadata**: Open `lib/metadata/oauth-providers.ts`
-
-2. **Add OAuth identifiers**: Define your `OAuthId` and `OAuthProviderId`
-
-   ```typescript
-   export const OAuthId = {
-     Asana: 'arcade-asana',
-     Atlassian: 'arcade-atlassian',
-     // Add to the respective id
-   }
-
-   export const OAuthProviderId = {
-     Asana: 'asana',
-     Atlassian: 'atlassian',
-     // Add to the respective provider id
-   }
-   ```
-
-3. **Choose the appropriate category**:
-   - **For prebuilt OAuth providers**: Add a record to `PREBUILT_OAUTH_PROVIDERS`
-   - **For custom OAuth providers**: Add it to `OTHER_OAUTH_PROVIDERS`
-
-   ```typescript
-   // Example for prebuilt provider
-   export const PREBUILT_OAUTH_PROVIDERS: OAuthCatalogue[] = [
-      {
-        id: OAuthId.Asana,
-        provider_id: OAuthProviderId.Asana,
-        name: 'Asana',
-        description: 'Authorize tools and agents with Asana',
-        publicIconUrl: `${PUBLIC_ICON_URL}/asana.svg`,
-        icon: Asana,
-        docs: '<https://docs.arcade.dev/home/auth-providers/asana>',
-      },
-      // Add to the respective array
-   ]
-   ```
-
-### Development Workflow
-
-1. Make your changes following the patterns above
-2. Test your changes in Storybook: `pnpm dev`
-3. Run tests: `pnpm test`
-4. Build the project: `pnpm build`
-5. Submit a pull request with your changes
-
-Built with ❤️ by the Arcade team
+Add entries to `lib/metadata/oauth-providers.ts` — see existing entries for the pattern.

package/dist/arcade-logo-BVV97-cr.js

@@ -0,0 +1,33 @@
+import { jsxs as r, jsx as L } from "react/jsx-runtime";
+function o(C) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      "aria-label": "Arcade",
+      fill: "none",
+      role: "img",
+      viewBox: "0 0 1129 299",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...C,
+      children: [
+        /* @__PURE__ */ L(
+          "path",
+          {
+            d: "M384.521 278.19L343.96 274.507V201.575C344.112 194.44 345.339 186.759 353.34 178.774L353.31 178.713L433.73 97.3619H386.397L340.686 165.668L339.863 99.7412L323.467 100.965L276.337 122.441V140.133L305.023 126.813V274.952L250.297 275.306C249.83 275.306 249.456 274.931 249.456 274.475L249.343 0L248.168 0.526281L216.358 14.7764C216.217 14.8371 216.095 14.9484 216.003 15.0699L42.284 275.022C42.1521 275.225 41.9393 275.357 41.7059 275.386L9.21728 279.839L0 294.15H91.7167L101.847 279.83L68.8104 274.709C68.2222 274.617 67.918 273.949 68.2324 273.444L102.171 218.913C102.263 218.771 102.384 218.659 102.536 218.588L160.203 192.811C165.891 190.271 172.057 188.955 178.283 188.955H206.736L206.705 198.884V198.924L206.502 274.516L179.185 278.524L168.781 294.15H308.693H388.597L384.521 278.2V278.19ZM160.01 175.555L119.51 194.147C118.75 194.491 118.01 193.641 118.466 192.943L207.232 56.049L207.252 80.6119L206.786 148.492L206.745 171.547L178.546 171.517C172.147 171.517 165.81 172.884 159.999 175.555H160.01Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ L(
+          "path",
+          {
+            d: "M1123.86 246.41C1103.07 255.267 1075.98 266.156 1063.73 266.156C1023.57 266.156 1000.2 235.449 1000.2 191.678C1000.2 190.716 1000.22 189.764 1000.24 188.813H1127.71L1108.53 114.769C1095.83 103.728 1075.21 94.3151 1055.94 94.3151C1005.94 106.591 958.798 137.268 958.798 201.494C958.798 220.39 962.289 236.685 968.57 250.267L938.962 263.11C938.962 263.11 931.978 258.434 931.978 242.048V2.84328L911.051 4.48284L862.339 26.7688L865.278 36.8289L892.994 35.3816V105.68C883.551 101.176 866.317 94.6186 858.115 94.6186C798.196 102.816 757.567 139.241 757.567 206.008C757.567 223.264 760.064 238.618 765.006 251.653L735.356 265.498C731.259 258.95 727.873 256.237 727.873 238.648V159.644C727.873 107.695 714.762 94.5984 663.119 94.5984L588.934 128.341V155.687H624.182L631.147 126.095C640.161 122.411 653.689 118.726 664.752 118.726C686.887 118.726 688.935 133.452 688.935 157.995V170.322L596.721 212.162C589.633 221.817 584.838 230.459 583.104 240.874C565.5 250.043 526.41 267.462 512.011 267.462C471.847 267.462 447.166 235.439 447.166 191.667C447.166 147.894 468.48 115.984 496.345 115.984C507.002 115.984 513.147 118.028 520.114 122.532L528.53 155.668H559.872V114.759C547.167 103.717 522.162 94.3054 502.905 94.3054C452.906 106.582 405.763 137.257 405.763 201.484C405.763 265.711 444.297 298.847 497.167 298.847L583.256 259.618C588.042 285.881 611.982 299.352 636.744 298.826L694.675 272.42L701.914 298.3L772.371 266.53C785.328 287.066 806.742 298.836 836.38 298.836L897.892 270.801L905.331 298.816L977.751 265.691C994.073 287.4 1019.74 298.826 1050.2 298.826L1128.09 262.907L1123.86 246.38V246.41ZM1049.38 116.004C1060.04 116.004 1066.19 118.048 1073.15 122.553L1084.25 166.476L1001.91 170.656C1007.48 137.633 1026.14 116.004 1049.38 116.004ZM688.945 251.036C673.35 263.566 656.264 269.303 644.623 269.303C637.475 269.303 621.311 266.177 621.311 245.318C621.311 236.725 623.359 228.547 629.099 222.404L688.935 194.795V251.036H688.945ZM892.994 241.096C877.891 256.834 852.365 264.233 841.277 264.233C816.656 264.233 798.599 240.834 798.599 195.371C798.599 147.034 819.527 115.113 852.365 115.113C869.599 115.113 883.962 121.256 892.994 131.499V241.107V241.096Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  o as A
+};

package/dist/assets/icons/granola.js

@@ -0,0 +1,14 @@
+import * as c from "react";
+import { forwardRef as r } from "react";
+const n = ({
+  title: e,
+  titleId: t,
+  ...a
+}, l) => /* @__PURE__ */ c.createElement("svg", { id: "Granola_marque", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox: "0 0 1308.2438965 1350", style: {
+  enableBackground: "new 0 0 1308.2438965 1350"
+}, xmlSpace: "preserve", ref: l, "aria-labelledby": t, ...a }, e ? /* @__PURE__ */ c.createElement("title", { id: t }, e) : null, /* @__PURE__ */ c.createElement("style", { type: "text/css" }, `
+	.st0{fill:#1E1E1E;}
+`), /* @__PURE__ */ c.createElement("path", { className: "st0", d: "M1033.7697754,1021.5519409c-21.5993652,24.2390747-40.1063843,38.9168091-50.3071899,45.9337769 c-4.7957153,3.1881104-7.7962036,7.6500244-11.9937134,11.4755859 c-22.1997681,19.1352539-46.2614746,24.8300781-63.06073,38.2254639 c-22.7993164,17.8594971-107.9772339,39.0952148-132.1790771,46.5419922 c-40.9568481,9.3083496-87.0346069,12.6678467-137.4344482,10.7545166c-10.9053955,0-20.991272-0.0043945-30.2585449-0.7252197 c-3.7649536-0.2927246-7.5383911,0.675293-11.3141479,0.7230225c-0.1495361,0.0021973-0.2905884,0.0021973-0.4226685,0.0021973 c-0.4011841,0-1.0690918-0.2862549-2.0055542-0.8564453c-1.0635376-0.6470947-2.2635498-1.0601807-3.5089722-1.0601807 c-0.3252563,0-0.6525269-0.0292969-0.9745483-0.0726318c-5.079895-0.6959229-7.78125,1.0863037-9.7347412,2.0770264 c-1.4796143,0.7501221-3.0903931,0.12146-4.4910889-0.7674561c-4.4314575-2.8129883-14.3168945-9.1362305-17.6815796-10.1606445 c-3.3172607-1.0081787-3.6425171,0.3685303-5.4051514,0.6785889c-1.1813965,0.2081299-2.4096069-0.2070312-3.2974854-1.0124512 c-0.9940186-0.9008789-2.0576172-2.2006836-4.4989014-3.4992676c-4.4888306-2.3859863-6.8792114,3.0352783-13.5491943-3.0321045 c-0.9690552-0.8812256-1.5383301-2.6135254-2.845459-2.6959229c-0.3275146-0.0206299-0.5649414-0.0401611-0.8869629-0.1030273 c-6.7153931-1.3029785-18.9173584-3.7995605-27.1170044-6.2895508c-9.6000977-2.5517578-6.6083069-4.4597168-10.8088074-6.3730469 c-56.3989868-21.0496826-136.7931519-62.5150146-166.1929932-91.8565674 c-10.7991943-10.8436279-23.3979187-35.7210083-31.1984558-42.1016846 c-6.0003052-5.1036377-18.0027161-15.3076172-21.0029907-20.4100952c-2.3995667-4.46521-0.0043335-12.7537231-4.2025452-18.4946899 c-5.4000549-7.0169678-16.20224-10.8468628-26.4021149-26.7940674 c-11.3994293-17.859436-17.9988098-41.4598999-29.3980103-65.6978149 C201.9965973,854.911499,175.0002289,786.0202026,175,660.3612671c0-84.1989746,38.999939-200.9341125,55.8001099-216.8802185 c10.7962036-10.2072754,9.5955048-32.528595,17.3930664-43.3721619 c89.0116882-123.7463379,244.8043213-214.7861938,430.2043457-224.3546295 c7.5328979-0.3865662,15.072876-0.6276245,22.6151733-0.7156677c45.7410278-0.5339661,91.583374,4.4694061,136.0370483,15.3110352 c44.4141846,10.8320007,86.8728638,27.7349396,128.2607422,46.9507446c0,0,4.9141846,0.3894501,6.2098389,1.025589 c2.1591797,1.0615234,3.0708008,2.9949188,5.2293091,4.0579529c2.1591797,1.0615234,5.2803345,0.1610107,7.638855,0.6438293 c7.774292,1.5916138,9.1699829,6.2081909,10.6022949,8.0475006c1.7391968,2.2333527,3.8304443,3.0867004,7.7841187,4.2215271 c10.3123169,2.9599457,11.6682129,6.3678436,13.0709839,7.9369965c1.119751,1.2547913,1.607605,2.8812866,2.1669922,4.3390503 c0.567688,1.4821777,1.6954956,2.8354187,3.2773438,3.2061462c3.4158325,0.8006287,8.0632935,4.9833679,9.0244751,10.689209 c0.626709,3.7198792,4.6495361,5.3226929,3.550293,12.3006287c-0.3560791,2.2603149,2.0496826,5.6016541-10.5968628,18.0704041 s-39.1845703,20.3282166-55.3406982,14.1350403c-55.8503418-21.4093018-64.1322632-25.5296631-86.5679932-31.6485291 c-40.9569092-11.1700439-75.8527832-18.759491-118.357605-17.9596558 c-67.8004761,1.2758789-121.2071533,7.6550598-185.40625,29.9805298 c-28.1415405,9.9719849-81.2704468,37.1080322-107.9295349,58.2385254 c-26.6590576,21.1304932-65.2558594,50.3164368-81.1852112,77.333252 c-5.5780029,9.4605408-11.855896,18.4968567-25.0551147,33.1670837 c-19.1992798,21.0486755-41.4223938,81.9349976-48.6236267,111.2775879 c-1.8004761,6.378479,2.9920044,13.3964844,0.5931396,19.776062c-2.4002686,7.0158081-13.8008423,10.2126465-15.0008545,15.9525757 c-4.7991028,20.4112549-3.5990906,46.5614014-3.5990906,68.8848267c0,12.1184082,3.6023254,28.7008667,7.8019104,38.2695923 c2.9993286,6.378479,12.6040039,10.8457642,13.8040161,17.2242432c0.5993347,4.4628906-5.393158,9.5643921-5.3984375,13.3910522 c0,3.18927,5.394104,46.5743408,8.3945923,52.9528198c4.2018738,7.6532593,17.4031372,17.21875,21.0031738,26.1479492 c2.3988953,6.378418-4.2071533,12.7611694,0.5928955,19.1396484c2.9995728,3.8277588,12.6074829,3.8223267,16.2075195,8.9248047 c4.7988892,6.3773804,14.9953308,24.8699341,19.7965393,30.6152954c3.6000366,4.46521,10.2007751,6.3861084,13.2003479,8.2993774 c8.997345,6.378479,1.2043762,12.1140747,9.6021729,21.6806641c26.3995667,29.9800415,67.201355,66.9834595,106.2017517,83.5680542 c6.0163574,2.557251,67.7541504,26.1316528,71.3931885,26.1478882 c86.9951172,12.8286133,184.8383179,11.6269531,269.4393921-35.5750732 c19.8032227-10.8468628,131.9692383-88.8079224,150.5701294-181.2953491 c4.199585-18.4979858,9.5991821-63.1557007,7.1991577-81.0162354 c-9.6012573-66.338501-50.4778442-161.756897-125.4051514-197.0944824 c-39.9141846-18.8244629-70.1998291-18.5001221-77.9994507-17.2241821 c-22.7984009,4.4640503-30.5991821-8.9313354-51.5977783-7.019104 c-64.199707,5.1035767-127.1983032,22.9663086-176.3981323,74.6334229 c-45.0004272,47.8394775-54.0087891,109.0753784-31.208313,147.9856567 c2.4000244,5.1025391,1.2000122,11.4831543-3.6000366,14.6723633c-2.0986328,1.2759399-4.0477295,2.8704834-4.9475098,4.5453491 c-1.7897339,3.3290405,3.3853149,5.1079712,6.9530029,6.3568115c24.9576416,8.7318726,33.9572754,50.8421631,66.9963379,49.0578003 h7.197998c0,0,13.8040771-0.0042725,19.2036743-6.3827515c4.4381104-5.2423706,4.4185791-11.3465576,1.2727051-14.0631104 c-1.402771-1.2108765-3.1762085-1.93396-3.5881348-3.7410278c-0.453186-1.9924316-0.6798096-4.6146851-0.6807251-5.7930298 c0-1.2758789,1.8004761-1.9208984,1.8004761-3.1968384c-0.0032349-3.8255615-4.199585-7.0148315-3.6000366-10.840332 c0.3848877-2.0368652,3.2131348-4.854248,5.2076416-6.9572754c1.515625-1.5979004,1.5371704-3.633667,0.5454102-5.6001587 c-0.0357666-0.0704956-0.0715942-0.1419678-0.1064453-0.2146606c-0.9614868-1.973999-1.1403809-4.317688-0.4866943-6.4130859 c0.3761597-1.2044067,0.8314209-2.4910889,0.8325806-3.7767944c0.5995483-5.7399292-1.7919922-8.2928467-2.3924561-12.7558594 c0-1.5761108,8.5443726-5.3193359,11.559082-7.65979c0.8889771-0.6893921,0.9841919-1.8438721,0.6906128-2.9300537 c-0.6234131-2.3154907-1.4516602-3.0331421-1.4516602-7.2695923c0-1.0189209,0.8607788-2.444458,1.8949585-3.7886353 c2.0835571-2.710083,4.000061-5.5979614,4.940918-8.8847656l1.6586914-5.7875977 c0.692688-2.4196167,2.5321655-4.3448486,4.9182129-5.1459351c4.1344604-1.3908081,2.2167358-8.130249,6.1550903-10.0077515 c1.145874-0.5463867,4.0239258,0.1473999,8.6333618-0.8325806c9.5946045-1.913269,2.9984131-5.1036377,4.7956543-10.2050781 c0.8390503-3.1242065,3.4406738-2.8141479,5.9555664-2.5648193c2.0162964,0.2005615,3.9796753-0.4606934,5.4301147-1.8753662 c1.4275513-1.3908081,2.8681641-3.0212402,4.8108521-3.8494263c2.4325562-1.0341187,8.8131714-1.2336426,13.3790283-1.2715454 c1.8786621-0.0162354,3.7443237-0.2851562,5.6099243-0.505127c5.0961304-0.5994873,12.3264771-0.2439575,15.819397-0.7740479 c4.1973267-0.6395874,6.5961914-4.4662476,10.1941528-4.4672852c3.0007324,0,7.2055664,5.102478,10.2051392,5.102478 c2.9995728-0.0021362,5.9989014-2.5517578,8.9984741-2.5517578c1.7995605,0.0010986,2.4000244,3.1859741,5.3984985,3.1870728 h1.1967773c0,0,27.6039429,0.6352539,56.4033203,18.4936523c19.7999878,12.1194458,34.2044678,41.4663086,34.2044678,41.4663086 c13.7987671,23.6005249-1.5100708,47.8635864-1.5100708,69.5507812c0,8.9302368,2.9960938,16.5846558,1.1967773,24.8774414 c-1.2011719,6.3773804-6.0023804,11.4852905-7.8030396,16.5889893c-1.7973022,4.4640503-1.7949829,10.2061157-7.7909546,18.4935913 c-4.8000488,7.0158081-7.2055664,7.0136719-8.4055786,8.2896118c-1.8004761,1.913269-17.3364258,25.4072266-27.5360718,34.338562 c-27,24.2389526-51.9569092,31.3372803-88.5570679,31.9746704c-16.1987915,0.6384277-17.9992676,3.8320923-20.399292,3.8320923 c-8.4012451,0.6373901-46.7924194-1.2727051-58.7957764-3.1860352c0,0-53.3973389-10.2051392-74.4005127-20.4102173 c-11.3996582-5.1035767-86.4050293-60.6016846-103.2052002-91.857666 c-52.200531-98.2316895-40.1960449-202.8430176,13.8040466-273.0081177 c39.0001831-51.0297852,103.1976013-117.3682556,255.5943298-130.1272583 c77.4008179-6.3784485,146.4083862,3.8309326,200.4093628,29.3458252 c76.1978149,35.7210693,131.9972534,98.868103,166.796936,173.498291 C1154.8005371,743.2822266,1151.369751,887.5991211,1033.7697754,1021.5519409z" })), o = r(n);
+export {
+  o as default
+};

package/dist/assets/images/arcade-grid.d.ts

@@ -1,5 +1,5 @@
 type ArcadeGridProps = React.SVGProps<SVGSVGElement>;
 declare function ArcadeGrid(props: ArcadeGridProps): import("react/jsx-runtime").JSX.Element;
-export { ArcadeGrid };
 export type { ArcadeGridProps };
+export { ArcadeGrid };
 //# sourceMappingURL=arcade-grid.d.ts.map

package/dist/assets/images/arcade-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arcade-grid.d.ts","sourceRoot":"","sources":["../../../lib/assets/images/arcade-grid.tsx"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAErD,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAezC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"arcade-grid.d.ts","sourceRoot":"","sources":["../../../lib/assets/images/arcade-grid.tsx"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAErD,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAezC;AAED,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/assets/images/arcade-logo.d.ts

@@ -1,5 +1,5 @@
 type ArcadeLogoProps = React.SVGProps<SVGSVGElement>;
 declare function ArcadeLogo(props: ArcadeLogoProps): import("react/jsx-runtime").JSX.Element;
-export { ArcadeLogo };
 export type { ArcadeLogoProps };
+export { ArcadeLogo };
 //# sourceMappingURL=arcade-logo.d.ts.map

package/dist/assets/images/arcade-logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arcade-logo.d.ts","sourceRoot":"","sources":["../../../lib/assets/images/arcade-logo.tsx"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAErD,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAoBzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"arcade-logo.d.ts","sourceRoot":"","sources":["../../../lib/assets/images/arcade-logo.tsx"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAErD,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAoBzC;AAED,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/assets/images/arcade-logo.js

@@ -1,33 +1,12 @@
-import { jsxs as r, jsx as L } from "react/jsx-runtime";
-function o(C) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      "aria-label": "Arcade",
-      fill: "none",
-      role: "img",
-      viewBox: "0 0 1129 299",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...C,
-      children: [
-        /* @__PURE__ */ L(
-          "path",
-          {
-            d: "M384.521 278.19L343.96 274.507V201.575C344.112 194.44 345.339 186.759 353.34 178.774L353.31 178.713L433.73 97.3619H386.397L340.686 165.668L339.863 99.7412L323.467 100.965L276.337 122.441V140.133L305.023 126.813V274.952L250.297 275.306C249.83 275.306 249.456 274.931 249.456 274.475L249.343 0L248.168 0.526281L216.358 14.7764C216.217 14.8371 216.095 14.9484 216.003 15.0699L42.284 275.022C42.1521 275.225 41.9393 275.357 41.7059 275.386L9.21728 279.839L0 294.15H91.7167L101.847 279.83L68.8104 274.709C68.2222 274.617 67.918 273.949 68.2324 273.444L102.171 218.913C102.263 218.771 102.384 218.659 102.536 218.588L160.203 192.811C165.891 190.271 172.057 188.955 178.283 188.955H206.736L206.705 198.884V198.924L206.502 274.516L179.185 278.524L168.781 294.15H308.693H388.597L384.521 278.2V278.19ZM160.01 175.555L119.51 194.147C118.75 194.491 118.01 193.641 118.466 192.943L207.232 56.049L207.252 80.6119L206.786 148.492L206.745 171.547L178.546 171.517C172.147 171.517 165.81 172.884 159.999 175.555H160.01Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ L(
-          "path",
-          {
-            d: "M1123.86 246.41C1103.07 255.267 1075.98 266.156 1063.73 266.156C1023.57 266.156 1000.2 235.449 1000.2 191.678C1000.2 190.716 1000.22 189.764 1000.24 188.813H1127.71L1108.53 114.769C1095.83 103.728 1075.21 94.3151 1055.94 94.3151C1005.94 106.591 958.798 137.268 958.798 201.494C958.798 220.39 962.289 236.685 968.57 250.267L938.962 263.11C938.962 263.11 931.978 258.434 931.978 242.048V2.84328L911.051 4.48284L862.339 26.7688L865.278 36.8289L892.994 35.3816V105.68C883.551 101.176 866.317 94.6186 858.115 94.6186C798.196 102.816 757.567 139.241 757.567 206.008C757.567 223.264 760.064 238.618 765.006 251.653L735.356 265.498C731.259 258.95 727.873 256.237 727.873 238.648V159.644C727.873 107.695 714.762 94.5984 663.119 94.5984L588.934 128.341V155.687H624.182L631.147 126.095C640.161 122.411 653.689 118.726 664.752 118.726C686.887 118.726 688.935 133.452 688.935 157.995V170.322L596.721 212.162C589.633 221.817 584.838 230.459 583.104 240.874C565.5 250.043 526.41 267.462 512.011 267.462C471.847 267.462 447.166 235.439 447.166 191.667C447.166 147.894 468.48 115.984 496.345 115.984C507.002 115.984 513.147 118.028 520.114 122.532L528.53 155.668H559.872V114.759C547.167 103.717 522.162 94.3054 502.905 94.3054C452.906 106.582 405.763 137.257 405.763 201.484C405.763 265.711 444.297 298.847 497.167 298.847L583.256 259.618C588.042 285.881 611.982 299.352 636.744 298.826L694.675 272.42L701.914 298.3L772.371 266.53C785.328 287.066 806.742 298.836 836.38 298.836L897.892 270.801L905.331 298.816L977.751 265.691C994.073 287.4 1019.74 298.826 1050.2 298.826L1128.09 262.907L1123.86 246.38V246.41ZM1049.38 116.004C1060.04 116.004 1066.19 118.048 1073.15 122.553L1084.25 166.476L1001.91 170.656C1007.48 137.633 1026.14 116.004 1049.38 116.004ZM688.945 251.036C673.35 263.566 656.264 269.303 644.623 269.303C637.475 269.303 621.311 266.177 621.311 245.318C621.311 236.725 623.359 228.547 629.099 222.404L688.935 194.795V251.036H688.945ZM892.994 241.096C877.891 256.834 852.365 264.233 841.277 264.233C816.656 264.233 798.599 240.834 798.599 195.371C798.599 147.034 819.527 115.113 852.365 115.113C869.599 115.113 883.962 121.256 892.994 131.499V241.107V241.096Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  );
-}
+import * as e from "react";
+import { forwardRef as a } from "react";
+const i = ({
+  title: L,
+  titleId: t,
+  ...C
+}, l) => /* @__PURE__ */ e.createElement("svg", { width: 1129, height: 299, viewBox: "0 0 1129 299", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, "aria-labelledby": t, ...C }, L ? /* @__PURE__ */ e.createElement("title", { id: t }, L) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_1_2)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_1_2", style: {
+  maskType: "luminance"
+}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 1129, height: 299 }, /* @__PURE__ */ e.createElement("path", { d: "M1129 0H0V299H1129V0Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0_1_2)" }, /* @__PURE__ */ e.createElement("path", { d: "M384.521 278.19L343.96 274.507V201.575C344.112 194.44 345.339 186.759 353.34 178.774L353.31 178.713L433.73 97.3619H386.397L340.686 165.668L339.863 99.7412L323.467 100.965L276.337 122.441V140.133L305.023 126.813V274.952L250.297 275.306C249.83 275.306 249.456 274.931 249.456 274.475L249.343 0L248.168 0.526281L216.358 14.7764C216.217 14.8371 216.095 14.9484 216.003 15.0699L42.284 275.022C42.1521 275.225 41.9393 275.357 41.7059 275.386L9.21728 279.839L0 294.15H91.7167L101.847 279.83L68.8104 274.709C68.2222 274.617 67.918 273.949 68.2324 273.444L102.171 218.913C102.263 218.771 102.384 218.659 102.536 218.588L160.203 192.811C165.891 190.271 172.057 188.955 178.283 188.955H206.736L206.705 198.884V198.924L206.502 274.516L179.185 278.524L168.781 294.15H308.693H388.597L384.521 278.2V278.19ZM160.01 175.555L119.51 194.147C118.75 194.491 118.01 193.641 118.466 192.943L207.232 56.049L207.252 80.6119L206.786 148.492L206.745 171.547L178.546 171.517C172.147 171.517 165.81 172.884 159.999 175.555H160.01Z", fill: "white" }), /* @__PURE__ */ e.createElement("path", { d: "M1123.86 246.41C1103.07 255.267 1075.98 266.156 1063.73 266.156C1023.57 266.156 1000.2 235.449 1000.2 191.678C1000.2 190.716 1000.22 189.764 1000.24 188.813H1127.71L1108.53 114.769C1095.83 103.728 1075.21 94.3151 1055.94 94.3151C1005.94 106.591 958.798 137.268 958.798 201.494C958.798 220.39 962.289 236.685 968.57 250.267L938.962 263.11C938.962 263.11 931.978 258.434 931.978 242.048V2.84328L911.051 4.48284L862.339 26.7688L865.278 36.8289L892.994 35.3816V105.68C883.551 101.176 866.317 94.6186 858.115 94.6186C798.196 102.816 757.567 139.241 757.567 206.008C757.567 223.264 760.064 238.618 765.006 251.653L735.356 265.498C731.259 258.95 727.873 256.237 727.873 238.648V159.644C727.873 107.695 714.762 94.5984 663.119 94.5984L588.934 128.341V155.687H624.182L631.147 126.095C640.161 122.411 653.689 118.726 664.752 118.726C686.887 118.726 688.935 133.452 688.935 157.995V170.322L596.721 212.162C589.633 221.817 584.838 230.459 583.104 240.874C565.5 250.043 526.41 267.462 512.011 267.462C471.847 267.462 447.166 235.439 447.166 191.667C447.166 147.894 468.48 115.984 496.345 115.984C507.002 115.984 513.147 118.028 520.114 122.532L528.53 155.668H559.872V114.759C547.167 103.717 522.162 94.3054 502.905 94.3054C452.906 106.582 405.763 137.257 405.763 201.484C405.763 265.711 444.297 298.847 497.167 298.847L583.256 259.618C588.042 285.881 611.982 299.352 636.744 298.826L694.675 272.42L701.914 298.3L772.371 266.53C785.328 287.066 806.742 298.836 836.38 298.836L897.892 270.801L905.331 298.816L977.751 265.691C994.073 287.4 1019.74 298.826 1050.2 298.826L1128.09 262.907L1123.86 246.38V246.41ZM1049.38 116.004C1060.04 116.004 1066.19 118.048 1073.15 122.553L1084.25 166.476L1001.91 170.656C1007.48 137.633 1026.14 116.004 1049.38 116.004ZM688.945 251.036C673.35 263.566 656.264 269.303 644.623 269.303C637.475 269.303 621.311 266.177 621.311 245.318C621.311 236.725 623.359 228.547 629.099 222.404L688.935 194.795V251.036H688.945ZM892.994 241.096C877.891 256.834 852.365 264.233 841.277 264.233C816.656 264.233 798.599 240.834 798.599 195.371C798.599 147.034 819.527 115.113 852.365 115.113C869.599 115.113 883.962 121.256 892.994 131.499V241.107V241.096Z", fill: "white" }))), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_1_2" }, /* @__PURE__ */ e.createElement("rect", { width: 1129, height: 299, fill: "white" })))), m = a(i);
 export {
-  o as ArcadeLogo
+  m as default
 };