feat(fuselage): PoC Tamagui

.cursor/hooks/state/continual-learning.json

@@ -0,0 +1,8 @@
+{
+  "version": 1,
+  "lastRunAtMs": 0,
+  "turnsSinceLastRun": 1,
+  "lastTranscriptMtimeMs": null,
+  "lastProcessedGenerationId": "6d6faa1c-92bf-4768-a486-ad183ef31872",
+  "trialStartedAtMs": null
+}

.gitignore

@@ -16,3 +16,4 @@ node_modules/
 **/.storybook/jest-results.json
 **/bundle-report.html
 .env
+dist

README.md

@@ -16,6 +16,7 @@
 | 📦 [`@rocket.chat/css-supports`](/packages/css-supports) | Memoized and SSR-compatible facade of CSS.supports API | [![npm](https://img.shields.io/npm/v/@rocket.chat/css-supports?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/css-supports) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/css-supports?style=flat-square) |
 | 📦 [`@rocket.chat/emitter`](/packages/emitter) | Event Emitter by Rocket.Chat | [![npm](https://img.shields.io/npm/v/@rocket.chat/emitter?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/emitter) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/emitter?style=flat-square) |
 | 📦 [`@rocket.chat/fuselage`](/packages/fuselage) | Rocket.Chat's React Components Library | [![npm](https://img.shields.io/npm/v/@rocket.chat/fuselage?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage?style=flat-square) |
+| 📦 [`@rocket.chat/fuselage-box`](/packages/fuselage-box) | Box component and styling utilities extracted from @rocket.chat/fuselage | [![npm](https://img.shields.io/npm/v/@rocket.chat/fuselage-box?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage-box) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage-box?style=flat-square) |
 | 📦 [`@rocket.chat/fuselage-forms`](/packages/fuselage-forms) | A set of component wrappers to provide ease of use and accessibility out-of-box. | [![npm](https://img.shields.io/npm/v/@rocket.chat/fuselage-forms?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage-forms) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage-forms?style=flat-square) |
 | 📦 [`@rocket.chat/fuselage-hooks`](/packages/fuselage-hooks) | React hooks for Fuselage, Rocket.Chat's design system and UI toolkit | [![npm](https://img.shields.io/npm/v/@rocket.chat/fuselage-hooks?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage-hooks) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage-hooks?style=flat-square) |
 | 📦 [`@rocket.chat/fuselage-toastbar`](/packages/fuselage-toastbar) | Fuselage ToastBar component | [![npm](https://img.shields.io/npm/v/@rocket.chat/fuselage-toastbar?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage-toastbar) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage-toastbar?style=flat-square) |

package.json

@@ -2,6 +2,7 @@
   "name": "@rocket.chat/fuselage-monorepo",
   "private": true,
   "workspaces": [
+    "apps/*",
     "packages/*",
     "tools/*"
   ],
@@ -29,6 +30,7 @@
     "@changesets/cli": "~2.30.0",
     "@eslint/js": "~9.39.2",
     "@rocket.chat/prettier-config": "workspace:~",
+    "@tamagui/vite-plugin": "2.0.0-rc.31",
     "eslint": "~9.39.2",
     "eslint-import-resolver-typescript": "~4.4.4",
     "eslint-plugin-import-x": "~4.16.2",

packages/fuselage-box/README.md

@@ -0,0 +1,89 @@
+<!--header-->
+
+<p align="center">
+  <a href="https://rocket.chat" title="Rocket.Chat">
+    <img src="https://github.com/RocketChat/Rocket.Chat.Artwork/raw/master/Logos/2020/png/logo-horizontal-red.png" alt="Rocket.Chat" />
+  </a>
+</p>
+
+# `@rocket.chat/fuselage-box`
+
+> Box component and styling utilities extracted from @rocket.chat/fuselage
+
+---
+
+[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/fuselage-box/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage-box/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/fuselage-box/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage-box/v/next) ![react version](https://img.shields.io/npm/dependency-version/@rocket.chat/fuselage-box/peer/react?style=flat-square) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/fuselage-box?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/fuselage-box?style=flat-square)
+
+![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage-box?style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/fuselage-box?style=flat-square)
+
+<!--/header-->
+
+## Install
+
+<!--install-->
+
+Firstly, install the peer dependencies (prerequisites):
+
+```sh
+npm i react
+
+# or, if you are using yarn:
+
+yarn add react
+```
+
+Add `@rocket.chat/fuselage-box` as a dependency:
+
+```sh
+npm i @rocket.chat/fuselage-box
+
+# or, if you are using yarn:
+
+yarn add @rocket.chat/fuselage-box
+```
+
+<!--/install-->
+
+## Contributing
+
+<!--contributing(msg)-->
+
+Contributions, issues, and feature requests are welcome!<br />
+Feel free to check the [issues](https://github.com/RocketChat/fuselage/issues).
+
+<!--/contributing(msg)-->
+
+### Building
+
+As this package dependends on others in this monorepo, before anything run the following at the root directory:
+
+<!--yarn(build)-->
+
+```sh
+yarn build
+```
+
+<!--/yarn(build)-->
+
+### Linting
+
+To ensure the source is matching our coding style, we perform [linting](<https://en.wikipedia.org/wiki/Lint_(software)>).
+Before commiting, check if your code fits our style by running:
+
+<!--yarn(lint)-->
+
+```sh
+yarn lint
+```
+
+<!--/yarn(lint)-->
+
+Some linter warnings and errors can be automatically fixed:
+
+<!--yarn(lint-and-fix)-->
+
+```sh
+yarn lint-and-fix
+```
+
+<!--/yarn(lint-and-fix)-->

packages/fuselage-box/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@rocket.chat/fuselage-box",
+  "version": "0.1.0",
+  "description": "Box component and styling utilities extracted from @rocket.chat/fuselage",
+  "homepage": "https://github.com/RocketChat/fuselage#readme",
+  "bugs": {
+    "url": "https://github.com/RocketChat/fuselage/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/RocketChat/fuselage.git",
+    "directory": "packages/fuselage-box"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Rocket.Chat",
+    "url": "https://rocket.chat/"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "lint": "lint",
+    "lint-and-fix": "lint-and-fix"
+  },
+  "dependencies": {
+    "@rocket.chat/css-in-js": "workspace:~",
+    "@rocket.chat/fuselage-tokens": "workspace:~",
+    "@rocket.chat/memo": "workspace:~",
+    "invariant": "^2.2.4"
+  },
+  "devDependencies": {
+    "@types/invariant": "^2.2.37",
+    "@types/react": "~18.3.27",
+    "eslint": "~9.39.2",
+    "lint-all": "workspace:~",
+    "prettier": "~3.6.2",
+    "typescript": "~5.9.3"
+  },
+  "peerDependencies": {
+    "react": "*"
+  },
+  "volta": {
+    "extends": "../../package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}