@cyclone-ui/vite 0.0.2 → 0.0.4

package/CHANGELOG.md

@@ -0,0 +1,24 @@
+![Cyclone UI's logo banner](https://public.storm-cdn.com/cyclone-ui/media/banner-1280x320-dark.gif)
+
+# Changelog for Cyclone UI - Vite
+
+## [0.0.3](https://github.com/storm-software/cyclone-ui/releases/tag/vite%400.0.3) (10/25/2026)
+
+### Bug Fixes
+
+- **nextjs:** Add support for providing tokens as build config ([09ca705a1](https://github.com/storm-software/cyclone-ui/commit/09ca705a1))
+
+### Updated Dependencies
+
+- Updated **theme-builder** to **v0.0.22**
+- Updated **tokens** to **v0.3.21**
+
+## [0.0.2](https://github.com/storm-software/cyclone-ui/releases/tag/vite%400.0.2) (10/24/2026)
+
+### Features
+
+- **nextjs:** Added NextJS and Vite build packages, setup skills, and documentation updates ([2759b41c](https://github.com/storm-software/cyclone-ui/commit/2759b41c))
+
+### Updated Dependencies
+
+- Updated **tokens** to **v0.3.20**

package/README.md

@@ -10,7 +10,7 @@ UI defaults.
 - Aliases `react-native` to `react-native-web` and resolves `.web.*` files first
 - Pre-bundles and dedupes the Tamagui packages that share React contexts
 - Runs the Tamagui optimizing compiler with the Cyclone UI config from
-  `@cyclone-ui/tokens`
+  `@cyclone-ui/tokens`, or one built from your own design tokens
 - Defines `process.env.TAMAGUI_TARGET`, which Cyclone components read to render
   web-only styles
 
@@ -64,11 +64,32 @@ defaults are:
 | `config`     | `"@cyclone-ui/tokens/tamagui"` |
 | `components` | `["@tamagui/core"]`            |
 
-Pass your own `config` when the app uses a custom Razorwind token build, and
-`disableExtraction: true` to keep styles at runtime (for example while
+Pass `disableExtraction: true` to keep styles at runtime (for example while
 debugging). A `tamagui.build.ts` file in the project root overrides these
 options.
 
+### Custom design tokens
+
+Pass `tokens` to build the Tamagui config from your own design tokens instead
+of the Cyclone UI defaults. Use a DTCG token object, or token file paths or
+globs relative to the Vite root:
+
+```ts
+export default defineConfig({
+  plugins: [react(), cycloneUI({ tokens: "tokens/**/*.json" })]
+});
+```
+
+Files with a theme name (`light.tokens.json`, `dark.tokens.json`, …) become
+the `light` and `dark` themes. The tokens go through the same preprocessor and
+generator as `@cyclone-ui/tokens`, and a `razorwind.config.ts` in the project
+still applies (for example its fonts).
+
+The config is written to `.cyclone-ui/tamagui.config.ts` (add `.cyclone-ui`
+to `.gitignore`) when Vite starts, and replaces `@cyclone-ui/tokens/tamagui`
+for the compiler and every import, so the `ThemeProvider` setup above stays
+the same. Restart Vite after changing the tokens.
+
 ## Development
 
 ```bash

package/dist/index.d.mts

@@ -1,14 +1,31 @@
 import { TamaguiVitePluginOptions } from "@tamagui/vite-plugin";
+import { BuildTamaguiConfigOptions } from "@cyclone-ui/theme-builder";
 import { PluginOption } from "vite";
-type CycloneUIVitePluginOptions = TamaguiVitePluginOptions;
+type CycloneUIVitePluginOptions = TamaguiVitePluginOptions & {
+  /**
+   * Design tokens to build the app's Tamagui config from: a DTCG token
+   * object, or token file path(s) or globs relative to the Vite root.
+   * Theme-named files (`light.tokens.json`, `dark.tokens.json`, …) become the
+   * `light` / `dark` themes.
+   *
+   * @remarks
+   * The config is generated into `.cyclone-ui/tamagui.config.ts` (add
+   * `.cyclone-ui` to `.gitignore`) when Vite starts, and replaces
+   * `@cyclone-ui/tokens/tamagui` for the compiler and every import in the app.
+   *
+   * @defaultValue The Cyclone UI config from `@cyclone-ui/tokens/tamagui`
+   */
+  tokens?: BuildTamaguiConfigOptions["tokens"];
+};
 /**
  * Set up Tamagui and Cyclone UI components in a Vite application.
  *
  * @remarks
  * Adds the Tamagui Vite plugin (`react-native` → `react-native-web` aliases,
  * web extensions, dependency pre-bundling and the optimizing compiler) using
- * the Cyclone UI Tamagui config from `@cyclone-ui/tokens`. A `tamagui.build.ts`
- * file in the project root still takes precedence over these options.
+ * the Cyclone UI Tamagui config from `@cyclone-ui/tokens`, or one built from
+ * the `tokens` option. A `tamagui.build.ts` file in the project root still
+ * takes precedence over these options.
  *
  * @example
  * ```ts
@@ -17,13 +34,14 @@ type CycloneUIVitePluginOptions = TamaguiVitePluginOptions;
  * import { defineConfig } from "vite";
  *
  * export default defineConfig({
- *   plugins: [react(), cycloneUI()]
+ *   plugins: [react(), cycloneUI({ tokens: "tokens/**\/*.json" })]
  * });
  * ```
  *
- * @param options - Options forwarded to `@tamagui/vite-plugin`.
+ * @param options - The design `tokens`, plus options forwarded to
+ * `@tamagui/vite-plugin`.
  * @returns The Vite plugins to add to the `plugins` array.
  */
-declare function cycloneUI(options?: CycloneUIVitePluginOptions): PluginOption[];
+declare function cycloneUI({ tokens, ...options }?: CycloneUIVitePluginOptions): PluginOption[];
 export { CycloneUIVitePluginOptions, cycloneUI };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import{tamaguiPlugin as e}from"@tamagui/vite-plugin";function t(t={}){return[e({config:`@cyclone-ui/tokens/tamagui`,components:[`@tamagui/core`],...t}),{name:`cyclone-ui`,config:()=>({define:{"process.env.TAMAGUI_TARGET":JSON.stringify(`web`)}})}]}export{t as cycloneUI};
+import{tamaguiPlugin as e}from"@tamagui/vite-plugin";const t=`.cyclone-ui/tamagui.config.ts`;function n({tokens:n,...r}={}){return[{name:`cyclone-ui`,enforce:`pre`,async config({root:e}){let r=n&&await(await import(`@cyclone-ui/theme-builder`)).buildTamaguiConfig({tokens:n,cwd:e,outputPath:t});return{define:{"process.env.TAMAGUI_TARGET":JSON.stringify(`web`)},...r&&{resolve:{alias:[{find:/^@cyclone-ui\/tokens\/tamagui$/,replacement:r}]}}}}},e({config:n?t:`@cyclone-ui/tokens/tamagui`,components:[`@tamagui/core`],...r})]}export{n as cycloneUI};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["cycloneUI","tamaguiPlugin","options"],"sources":[],"mappings":""}
+{"version":3,"file":"index.mjs","names":["GENERATED_CONFIG","cycloneUI","options","configPath","tokens","root","tamaguiPlugin"],"sources":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyclone-ui/vite",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "description": "A Vite plugin that sets up Tamagui and Cyclone UI components in Vite applications.",
   "repository": {
@@ -12,18 +12,21 @@
   "keywords": ["cyclone-ui", "tamagui", "vite", "vite-plugin"],
   "exports": { ".": "./dist/index.mjs", "./package.json": "./package.json" },
   "types": "./dist/index.d.mts",
-  "dependencies": { "@tamagui/vite-plugin": "3.0.13" },
+  "dependencies": {
+    "@cyclone-ui/theme-builder": "0.0.23",
+    "@tamagui/vite-plugin": "3.0.13"
+  },
   "peerDependencies": {
-    "@cyclone-ui/tokens": "0.3.20",
+    "@cyclone-ui/tokens": "0.3.22",
     "react-native-web": "0.19.12",
     "vite": "^8.3.5"
   },
   "devDependencies": {
-    "@cyclone-ui/tokens": "0.3.20",
+    "@cyclone-ui/tokens": "0.3.22",
     "@powerlines/plugin-tsdown": "^0.1.618",
     "powerlines": "^0.47.217",
     "vite": "^8.3.5"
   },
   "publishConfig": { "access": "public" },
-  "gitHead": "74c039b0d98fa29c94456dba63e0ad376259d559"
+  "gitHead": "6611d469e61ed9c326d7101a3420218b6355dfb7"
 }