tailwind-styled-v4 5.0.0 → 5.0.1

package/dist/pluginRegistry.mjs

@@ -0,0 +1,298 @@
+import { spawnSync } from 'child_process';
+import { createHash } from 'crypto';
+import { existsSync, readFileSync } from 'fs';
+import { join } from 'path';
+
+/* tailwind-styled-v4 v5.0.1 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+
+// packages/plugin-registry/registry.json
+var require_registry = __commonJS({
+  "packages/plugin-registry/registry.json"(exports$1, module) {
+    module.exports = {
+      version: "5.0.0",
+      updatedAt: "2026-03-23",
+      official: [
+        {
+          name: "@tailwind-styled/plugin-animation",
+          description: "Animation presets and keyframes \u2014 enter/exit transitions, spring physics, scroll-triggered",
+          version: "5.0.0",
+          tags: ["animation", "motion", "transition", "keyframes"],
+          docs: "https://github.com/tailwind-styled/tailwind-styled-v5/tree/main/packages/animate",
+          install: "npm install @tailwind-styled/plugin-animation@5.0.0",
+          integrity: "sha256-abc123"
+        },
+        {
+          name: "@tailwind-styled/plugin-typography",
+          description: "Prose and typography utilities \u2014 headings, body, code blocks, with dark mode",
+          version: "5.0.0",
+          tags: ["typography", "prose", "markdown", "content"],
+          docs: "https://github.com/tailwind-styled/tailwind-styled-v5/tree/main/docs/plugins",
+          install: "npm install @tailwind-styled/plugin-typography@5.0.0",
+          integrity: "sha256-def456"
+        },
+        {
+          name: "@tailwind-styled/plugin-forms",
+          description: "Form input styling helpers \u2014 reset, validation states, custom checkboxes/radios",
+          version: "5.0.0",
+          tags: ["forms", "inputs", "validation", "checkbox", "radio"],
+          docs: "https://github.com/tailwind-styled/tailwind-styled-v5/tree/main/docs/plugins",
+          install: "npm install @tailwind-styled/plugin-forms@5.0.0",
+          integrity: "sha256-ghi789"
+        },
+        {
+          name: "@tailwind-styled/plugin-container-queries",
+          description: "Container query utilities \u2014 @container breakpoints for component-level responsiveness",
+          version: "5.0.0",
+          tags: ["container-queries", "responsive", "layout"],
+          docs: "https://github.com/tailwind-styled/tailwind-styled-v5/tree/main/docs/plugins",
+          install: "npm install @tailwind-styled/plugin-container-queries@5.0.0",
+          integrity: "sha256-jkl012"
+        }
+      ],
+      community: [
+        {
+          name: "tailwind-styled-animate",
+          description: "Community animation variants \u2014 bounce, pulse, wiggle, and more",
+          version: "0.1.0",
+          tags: ["animation", "community"],
+          author: "community",
+          install: "npm install tailwind-styled-animate"
+        },
+        {
+          name: "tailwind-styled-icons",
+          description: "SVG icon system integrated with tw() variant API",
+          version: "0.1.0",
+          tags: ["icons", "svg", "community"],
+          author: "community",
+          install: "npm install tailwind-styled-icons"
+        }
+      ]
+    };
+  }
+});
+var PLUGIN_NAME_REGEX = /^(@[a-z0-9-]+\/)?[a-z0-9-]+(@[0-9]+\.[0-9]+\.[0-9]+)?$/;
+var PluginRegistryError = class extends Error {
+  constructor(payload) {
+    super(payload.message);
+    this.name = "PluginRegistryError";
+    this.code = payload.code;
+    this.context = payload.context;
+  }
+  toObject() {
+    return {
+      code: this.code,
+      message: this.message,
+      context: this.context
+    };
+  }
+};
+var PluginRegistry = class _PluginRegistry {
+  constructor(registryData, options = {}) {
+    if (options.registryUrl) {
+      this.plugins = [];
+      this.registryVersion = "0.0.0";
+    } else {
+      const data = registryData;
+      const version = data?.version ?? "4.2.0";
+      const official = (data?.official ?? []).map((item) => ({
+        name: item.name,
+        description: item.description,
+        version: item.version,
+        tags: [...item.tags],
+        official: true,
+        docs: item.docs,
+        install: item.install,
+        integrity: item.integrity
+      }));
+      const community = (data?.community ?? []).map((item) => ({
+        name: item.name,
+        description: item.description,
+        version: item.version,
+        tags: [...item.tags],
+        official: false
+      }));
+      this.plugins = [...official, ...community];
+      this.registryVersion = version;
+    }
+  }
+  static async loadFromUrl(url) {
+    try {
+      const response = await fetch(url);
+      if (!response.ok) {
+        throw new PluginRegistryError({
+          code: "NETWORK_ERROR",
+          message: `Failed to fetch registry: ${response.status} ${response.statusText}`,
+          context: { url, status: response.status }
+        });
+      }
+      const data = await response.json();
+      return new _PluginRegistry(data, { registryUrl: url });
+    } catch (error) {
+      if (error instanceof PluginRegistryError) throw error;
+      throw new PluginRegistryError({
+        code: "NETWORK_ERROR",
+        message: `Failed to load registry: ${error instanceof Error ? error.message : String(error)}`,
+        context: { url }
+      });
+    }
+  }
+  getVersion() {
+    return this.registryVersion;
+  }
+  search(query) {
+    const q = query.trim().toLowerCase();
+    if (!q) return [...this.plugins];
+    return this.plugins.filter((plugin) => {
+      return plugin.name.toLowerCase().includes(q) || plugin.description.toLowerCase().includes(q) || plugin.tags.some((tag) => tag.toLowerCase().includes(q));
+    });
+  }
+  getAll() {
+    return [...this.plugins];
+  }
+  getByName(pluginName) {
+    const nameWithoutVersion = pluginName.split("@").slice(0, 2).join("@");
+    return this.plugins.find((plugin) => plugin.name === nameWithoutVersion);
+  }
+  install(pluginName, options = {}) {
+    const npmBin = options.npmBin ?? process.env.TW_PLUGIN_NPM_BIN ?? "npm";
+    if (!PLUGIN_NAME_REGEX.test(pluginName)) {
+      throw new PluginRegistryError({
+        code: "INVALID_PLUGIN_NAME",
+        message: `Nama plugin tidak valid: '${pluginName}'.`,
+        context: {
+          pluginName,
+          expectedPattern: String(PLUGIN_NAME_REGEX)
+        }
+      });
+    }
+    const knownPlugin = this.getByName(pluginName);
+    const isExternal = !knownPlugin;
+    if (isExternal && !options.allowExternal) {
+      throw new PluginRegistryError({
+        code: "PLUGIN_NOT_FOUND",
+        message: `Plugin '${pluginName}' tidak ditemukan di registry. Coba cari dengan 'tw-plugin search <keyword>'.`,
+        context: {
+          pluginName,
+          allowExternal: false
+        }
+      });
+    }
+    if (isExternal && options.allowExternal && !options.confirmExternal) {
+      throw new PluginRegistryError({
+        code: "EXTERNAL_CONFIRMATION_REQUIRED",
+        message: `Plugin eksternal '${pluginName}' butuh konfirmasi. Jalankan ulang dengan --allow-external --yes.`,
+        context: {
+          pluginName,
+          allowExternal: true
+        }
+      });
+    }
+    const command = `${npmBin} install ${pluginName}`;
+    if (options.dryRun) {
+      return { plugin: pluginName, installed: true, command, exitCode: 0 };
+    }
+    const child = spawnSync(npmBin, ["install", pluginName], { stdio: "inherit" });
+    if (child.error) {
+      throw new PluginRegistryError({
+        code: "INSTALL_COMMAND_FAILED",
+        message: `Gagal menjalankan perintah install: ${command}`,
+        context: {
+          pluginName,
+          command,
+          reason: child.error.message
+        }
+      });
+    }
+    if (child.status !== 0) {
+      throw new PluginRegistryError({
+        code: "INSTALL_FAILED",
+        message: `Install gagal (${child.status ?? 1}): ${command}`,
+        context: {
+          pluginName,
+          command,
+          exitCode: child.status ?? 1
+        }
+      });
+    }
+    return {
+      plugin: pluginName,
+      installed: true,
+      command,
+      exitCode: 0
+    };
+  }
+  uninstall(pluginName, options = {}) {
+    const npmBin = options.npmBin ?? process.env.TW_PLUGIN_NPM_BIN ?? "npm";
+    const command = `${npmBin} uninstall ${pluginName}`;
+    if (options.dryRun) {
+      return { plugin: pluginName, uninstalled: true, command, exitCode: 0 };
+    }
+    const child = spawnSync(npmBin, ["uninstall", pluginName], { stdio: "inherit" });
+    if (child.status !== 0 && child.status !== null) {
+      throw new PluginRegistryError({
+        code: "INSTALL_FAILED",
+        message: `Uninstall gagal (${child.status}): ${command}`,
+        context: { pluginName, command, exitCode: child.status }
+      });
+    }
+    return {
+      plugin: pluginName,
+      uninstalled: true,
+      command,
+      exitCode: child.status ?? 0
+    };
+  }
+  verifyIntegrity(pluginName) {
+    const plugin = this.getByName(pluginName);
+    if (!plugin) return { ok: false, reason: `Plugin '${pluginName}' not in registry` };
+    if (!plugin.integrity) {
+      return { ok: true, reason: "no checksum registered (skip)" };
+    }
+    try {
+      const pkgPath = join(process.cwd(), "node_modules", pluginName, "package.json");
+      if (!existsSync(pkgPath)) return { ok: false, reason: "plugin not installed" };
+      const content = readFileSync(pkgPath, "utf8");
+      const hash = "sha256-" + createHash("sha256").update(content).digest("base64");
+      return hash === plugin.integrity ? { ok: true } : { ok: false, reason: `Integrity mismatch: expected ${plugin.integrity}` };
+    } catch (e) {
+      return { ok: false, reason: `Integrity check failed: ${e.message}` };
+    }
+  }
+  checkForUpdate(pluginName) {
+    const plugin = this.getByName(pluginName);
+    if (!plugin) return { hasUpdate: false, error: `Plugin '${pluginName}' not in registry` };
+    try {
+      const pkgPath = join(process.cwd(), "node_modules", pluginName, "package.json");
+      if (!existsSync(pkgPath)) return { hasUpdate: false, error: "plugin not installed" };
+      const current = JSON.parse(readFileSync(pkgPath, "utf8")).version ?? "0.0.0";
+      const latest = plugin.version;
+      const parseV = (v) => v.replace(/[^0-9.]/g, "").split(".").map(Number);
+      const [ca, cb, cc] = parseV(current);
+      const [la, lb, lc] = parseV(latest);
+      const hasUpdate = la > ca || la === ca && lb > cb || la === ca && lb === cb && lc > cc;
+      return { hasUpdate, current, latest };
+    } catch (e) {
+      return { hasUpdate: false, error: `Update check failed: ${e.message}` };
+    }
+  }
+  checkAllUpdates() {
+    return this.plugins.map((p) => ({ name: p.name, ...this.checkForUpdate(p.name) }));
+  }
+};
+var defaultRegistry = null;
+function getRegistry() {
+  if (!defaultRegistry) {
+    const registryData = require_registry();
+    defaultRegistry = new PluginRegistry(registryData);
+  }
+  return defaultRegistry;
+}
+var registry = getRegistry();
+
+export { PluginRegistry, PluginRegistryError, getRegistry, registry };
+//# sourceMappingURL=pluginRegistry.mjs.map
+//# sourceMappingURL=pluginRegistry.mjs.map

package/dist/pluginRegistry.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/plugin-registry/registry.json","../packages/plugin-registry/src/index.ts"],"names":["exports"],"mappings":"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","file":"pluginRegistry.mjs","sourcesContent":["{\n  \"version\": \"5.0.0\",\n  \"updatedAt\": \"2026-03-23\",\n  \"official\": [\n    {\n      \"name\": \"@tailwind-styled/plugin-animation\",\n      \"description\": \"Animation presets and keyframes — enter/exit transitions, spring physics, scroll-triggered\",\n      \"version\": \"5.0.0\",\n      \"tags\": [\"animation\", \"motion\", \"transition\", \"keyframes\"],\n      \"docs\": \"https://github.com/tailwind-styled/tailwind-styled-v5/tree/main/packages/animate\",\n      \"install\": \"npm install @tailwind-styled/plugin-animation@5.0.0\",\n      \"integrity\": \"sha256-abc123\"\n    },\n    {\n      \"name\": \"@tailwind-styled/plugin-typography\",\n      \"description\": \"Prose and typography utilities — headings, body, code blocks, with dark mode\",\n      \"version\": \"5.0.0\",\n      \"tags\": [\"typography\", \"prose\", \"markdown\", \"content\"],\n      \"docs\": \"https://github.com/tailwind-styled/tailwind-styled-v5/tree/main/docs/plugins\",\n      \"install\": \"npm install @tailwind-styled/plugin-typography@5.0.0\",\n      \"integrity\": \"sha256-def456\"\n    },\n    {\n      \"name\": \"@tailwind-styled/plugin-forms\",\n      \"description\": \"Form input styling helpers — reset, validation states, custom checkboxes/radios\",\n      \"version\": \"5.0.0\",\n      \"tags\": [\"forms\", \"inputs\", \"validation\", \"checkbox\", \"radio\"],\n      \"docs\": \"https://github.com/tailwind-styled/tailwind-styled-v5/tree/main/docs/plugins\",\n      \"install\": \"npm install @tailwind-styled/plugin-forms@5.0.0\",\n      \"integrity\": \"sha256-ghi789\"\n    },\n    {\n      \"name\": \"@tailwind-styled/plugin-container-queries\",\n      \"description\": \"Container query utilities — @container breakpoints for component-level responsiveness\",\n      \"version\": \"5.0.0\",\n      \"tags\": [\"container-queries\", \"responsive\", \"layout\"],\n      \"docs\": \"https://github.com/tailwind-styled/tailwind-styled-v5/tree/main/docs/plugins\",\n      \"install\": \"npm install @tailwind-styled/plugin-container-queries@5.0.0\",\n      \"integrity\": \"sha256-jkl012\"\n    }\n  ],\n  \"community\": [\n    {\n      \"name\": \"tailwind-styled-animate\",\n      \"description\": \"Community animation variants — bounce, pulse, wiggle, and more\",\n      \"version\": \"0.1.0\",\n      \"tags\": [\"animation\", \"community\"],\n      \"author\": \"community\",\n      \"install\": \"npm install tailwind-styled-animate\"\n    },\n    {\n      \"name\": \"tailwind-styled-icons\",\n      \"description\": \"SVG icon system integrated with tw() variant API\",\n      \"version\": \"0.1.0\",\n      \"tags\": [\"icons\", \"svg\", \"community\"],\n      \"author\": \"community\",\n      \"install\": \"npm install tailwind-styled-icons\"\n    }\n  ]\n}\n","import { spawnSync } from \"node:child_process\"\nimport { createHash } from \"node:crypto\"\nimport { existsSync, readFileSync } from \"node:fs\"\nimport { join } from \"node:path\"\n\nconst PLUGIN_NAME_REGEX = /^(@[a-z0-9-]+\\/)?[a-z0-9-]+(@[0-9]+\\.[0-9]+\\.[0-9]+)?$/\n\nexport interface PluginInfo {\n  name: string\n  description: string\n  version: string\n  tags: string[]\n  official?: boolean\n  docs?: string\n  install?: string\n  integrity?: string\n}\n\ninterface RegistryData {\n  version: string\n  official: PluginInfo[]\n  community: PluginInfo[]\n}\n\nexport interface InstallResult {\n  plugin: string\n  installed: boolean\n  command: string\n  exitCode: number\n}\n\nexport type PluginRegistryErrorCode =\n  | \"INVALID_PLUGIN_NAME\"\n  | \"PLUGIN_NOT_FOUND\"\n  | \"EXTERNAL_CONFIRMATION_REQUIRED\"\n  | \"INSTALL_COMMAND_FAILED\"\n  | \"INSTALL_FAILED\"\n  | \"NETWORK_ERROR\"\n  | \"REGISTRY_LOAD_FAILED\"\n\nexport interface PluginRegistryErrorPayload {\n  code: PluginRegistryErrorCode\n  message: string\n  context?: Record<string, unknown>\n}\n\nexport class PluginRegistryError extends Error {\n  readonly code: PluginRegistryErrorCode\n  readonly context?: Record<string, unknown>\n\n  constructor(payload: PluginRegistryErrorPayload) {\n    super(payload.message)\n    this.name = \"PluginRegistryError\"\n    this.code = payload.code\n    this.context = payload.context\n  }\n\n  toObject(): PluginRegistryErrorPayload {\n    return {\n      code: this.code,\n      message: this.message,\n      context: this.context,\n    }\n  }\n}\n\nexport interface InstallOptions {\n  dryRun?: boolean\n  npmBin?: string\n  allowExternal?: boolean\n  confirmExternal?: boolean\n}\n\nexport interface RegistryOptions {\n  registryUrl?: string\n}\n\nexport class PluginRegistry {\n  private readonly plugins: PluginInfo[]\n  private readonly registryVersion: string\n\n  constructor(registryData?: RegistryData, options: RegistryOptions = {}) {\n    if (options.registryUrl) {\n      this.plugins = []\n      this.registryVersion = \"0.0.0\"\n    } else {\n      const data = registryData\n      const version = data?.version ?? \"4.2.0\"\n      const official = (data?.official ?? []).map((item) => ({\n        name: item.name,\n        description: item.description,\n        version: item.version,\n        tags: [...item.tags],\n        official: true,\n        docs: item.docs,\n        install: item.install,\n        integrity: item.integrity,\n      }))\n      const community = (data?.community ?? []).map((item) => ({\n        name: item.name,\n        description: item.description,\n        version: item.version,\n        tags: [...item.tags],\n        official: false,\n      }))\n      this.plugins = [...official, ...community]\n      this.registryVersion = version\n    }\n  }\n\n  static async loadFromUrl(url: string): Promise<PluginRegistry> {\n    try {\n      const response = await fetch(url)\n      if (!response.ok) {\n        throw new PluginRegistryError({\n          code: \"NETWORK_ERROR\",\n          message: `Failed to fetch registry: ${response.status} ${response.statusText}`,\n          context: { url, status: response.status },\n        })\n      }\n      const data = (await response.json()) as RegistryData\n      return new PluginRegistry(data, { registryUrl: url })\n    } catch (error) {\n      if (error instanceof PluginRegistryError) throw error\n      throw new PluginRegistryError({\n        code: \"NETWORK_ERROR\",\n        message: `Failed to load registry: ${error instanceof Error ? error.message : String(error)}`,\n        context: { url },\n      })\n    }\n  }\n\n  getVersion(): string {\n    return this.registryVersion\n  }\n\n  search(query: string): PluginInfo[] {\n    const q = query.trim().toLowerCase()\n    if (!q) return [...this.plugins]\n\n    return this.plugins.filter((plugin) => {\n      return (\n        plugin.name.toLowerCase().includes(q) ||\n        plugin.description.toLowerCase().includes(q) ||\n        plugin.tags.some((tag) => tag.toLowerCase().includes(q))\n      )\n    })\n  }\n\n  getAll(): PluginInfo[] {\n    return [...this.plugins]\n  }\n\n  getByName(pluginName: string): PluginInfo | undefined {\n    const nameWithoutVersion = pluginName.split(\"@\").slice(0, 2).join(\"@\")\n    return this.plugins.find((plugin) => plugin.name === nameWithoutVersion)\n  }\n\n  install(pluginName: string, options: InstallOptions = {}): InstallResult {\n    const npmBin = options.npmBin ?? process.env.TW_PLUGIN_NPM_BIN ?? \"npm\"\n\n    if (!PLUGIN_NAME_REGEX.test(pluginName)) {\n      throw new PluginRegistryError({\n        code: \"INVALID_PLUGIN_NAME\",\n        message: `Nama plugin tidak valid: '${pluginName}'.`,\n        context: {\n          pluginName,\n          expectedPattern: String(PLUGIN_NAME_REGEX),\n        },\n      })\n    }\n\n    const knownPlugin = this.getByName(pluginName)\n    const isExternal = !knownPlugin\n\n    if (isExternal && !options.allowExternal) {\n      throw new PluginRegistryError({\n        code: \"PLUGIN_NOT_FOUND\",\n        message: `Plugin '${pluginName}' tidak ditemukan di registry. Coba cari dengan 'tw-plugin search <keyword>'.`,\n        context: {\n          pluginName,\n          allowExternal: false,\n        },\n      })\n    }\n\n    if (isExternal && options.allowExternal && !options.confirmExternal) {\n      throw new PluginRegistryError({\n        code: \"EXTERNAL_CONFIRMATION_REQUIRED\",\n        message: `Plugin eksternal '${pluginName}' butuh konfirmasi. Jalankan ulang dengan --allow-external --yes.`,\n        context: {\n          pluginName,\n          allowExternal: true,\n        },\n      })\n    }\n\n    const command = `${npmBin} install ${pluginName}`\n    if (options.dryRun) {\n      return { plugin: pluginName, installed: true, command, exitCode: 0 }\n    }\n\n    const child = spawnSync(npmBin, [\"install\", pluginName], { stdio: \"inherit\" })\n    if (child.error) {\n      throw new PluginRegistryError({\n        code: \"INSTALL_COMMAND_FAILED\",\n        message: `Gagal menjalankan perintah install: ${command}`,\n        context: {\n          pluginName,\n          command,\n          reason: child.error.message,\n        },\n      })\n    }\n\n    if (child.status !== 0) {\n      throw new PluginRegistryError({\n        code: \"INSTALL_FAILED\",\n        message: `Install gagal (${child.status ?? 1}): ${command}`,\n        context: {\n          pluginName,\n          command,\n          exitCode: child.status ?? 1,\n        },\n      })\n    }\n\n    return {\n      plugin: pluginName,\n      installed: true,\n      command,\n      exitCode: 0,\n    }\n  }\n\n  uninstall(\n    pluginName: string,\n    options: { dryRun?: boolean; npmBin?: string } = {}\n  ): {\n    plugin: string\n    uninstalled: boolean\n    command: string\n    exitCode: number\n  } {\n    const npmBin = options.npmBin ?? process.env.TW_PLUGIN_NPM_BIN ?? \"npm\"\n    const command = `${npmBin} uninstall ${pluginName}`\n\n    if (options.dryRun) {\n      return { plugin: pluginName, uninstalled: true, command, exitCode: 0 }\n    }\n\n    const child = spawnSync(npmBin, [\"uninstall\", pluginName], { stdio: \"inherit\" })\n    if (child.status !== 0 && child.status !== null) {\n      throw new PluginRegistryError({\n        code: \"INSTALL_FAILED\",\n        message: `Uninstall gagal (${child.status}): ${command}`,\n        context: { pluginName, command, exitCode: child.status },\n      })\n    }\n\n    return {\n      plugin: pluginName,\n      uninstalled: true,\n      command,\n      exitCode: child.status ?? 0,\n    }\n  }\n\n  verifyIntegrity(pluginName: string): { ok: boolean; reason?: string } {\n    const plugin = this.getByName(pluginName)\n    if (!plugin) return { ok: false, reason: `Plugin '${pluginName}' not in registry` }\n    if (!plugin.integrity) {\n      return { ok: true, reason: \"no checksum registered (skip)\" }\n    }\n    try {\n      const pkgPath = join(process.cwd(), \"node_modules\", pluginName, \"package.json\")\n      if (!existsSync(pkgPath)) return { ok: false, reason: \"plugin not installed\" }\n      const content = readFileSync(pkgPath, \"utf8\")\n      const hash = \"sha256-\" + createHash(\"sha256\").update(content).digest(\"base64\")\n      return hash === plugin.integrity\n        ? { ok: true }\n        : { ok: false, reason: `Integrity mismatch: expected ${plugin.integrity}` }\n    } catch (e: any) {\n      return { ok: false, reason: `Integrity check failed: ${e.message}` }\n    }\n  }\n\n  checkForUpdate(pluginName: string): {\n    hasUpdate: boolean\n    current?: string\n    latest?: string\n    error?: string\n  } {\n    const plugin = this.getByName(pluginName)\n    if (!plugin) return { hasUpdate: false, error: `Plugin '${pluginName}' not in registry` }\n    try {\n      const pkgPath = join(process.cwd(), \"node_modules\", pluginName, \"package.json\")\n      if (!existsSync(pkgPath)) return { hasUpdate: false, error: \"plugin not installed\" }\n      const current = JSON.parse(readFileSync(pkgPath, \"utf8\")).version ?? \"0.0.0\"\n      const latest = plugin.version\n      const parseV = (v: string) =>\n        v\n          .replace(/[^0-9.]/g, \"\")\n          .split(\".\")\n          .map(Number)\n      const [ca, cb, cc] = parseV(current)\n      const [la, lb, lc] = parseV(latest)\n      const hasUpdate = la > ca || (la === ca && lb > cb) || (la === ca && lb === cb && lc > cc)\n      return { hasUpdate, current, latest }\n    } catch (e: any) {\n      return { hasUpdate: false, error: `Update check failed: ${e.message}` }\n    }\n  }\n\n  checkAllUpdates(): Array<{\n    name: string\n    hasUpdate: boolean\n    current?: string\n    latest?: string\n    error?: string\n  }> {\n    return this.plugins.map((p) => ({ name: p.name, ...this.checkForUpdate(p.name) }))\n  }\n}\n\nlet defaultRegistry: PluginRegistry | null = null\n\nexport function getRegistry(): PluginRegistry {\n  if (!defaultRegistry) {\n    const registryData = require(\"../registry.json\") as RegistryData\n    defaultRegistry = new PluginRegistry(registryData)\n  }\n  return defaultRegistry\n}\n\nexport const registry = getRegistry()\n"]}

package/dist/preset.js

@@ -1,8 +1,8 @@
-import './chunk-VZEJV27B.js';
+'use strict';
 
-/* tailwind-styled-v4 v4 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
+/* tailwind-styled-v4 v5.0.1 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
 
-// ../preset/src/defaultPreset.ts
+// packages/preset/src/defaultPreset.ts
 var STANDARD_CONTENT_PATHS = [
   // Next.js App Router
   "./src/**/*.{tsx,ts,jsx,js,mdx}",
@@ -411,6 +411,11 @@ export default {
 `;
 }
 
-export { defaultGlobalCss, defaultPreset, defaultThemeCss, designTokens, generateTailwindConfig, generateTailwindCss };
+exports.defaultGlobalCss = defaultGlobalCss;
+exports.defaultPreset = defaultPreset;
+exports.defaultThemeCss = defaultThemeCss;
+exports.designTokens = designTokens;
+exports.generateTailwindConfig = generateTailwindConfig;
+exports.generateTailwindCss = generateTailwindCss;
 //# sourceMappingURL=preset.js.map
 //# sourceMappingURL=preset.js.map

package/dist/preset.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../preset/src/defaultPreset.ts"],"names":[],"mappings":"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","file":"preset.js","sourcesContent":["/**\n * tailwind-styled-v4 — Default Preset\n *\n * Tailwind config built-in yang dipakai ketika developer tidak punya\n * tailwind.config.ts / tailwind.config.js di project mereka.\n *\n * Developer tidak perlu setup apapun:\n *   npm install tailwind-styled-v4\n *   → langsung bisa tw.div`p-4 bg-blue-500`\n *\n * Preset ini juga menyediakan design tokens yang consistent\n * untuk semua project yang pakai tailwind-styled-v4.\n *\n * Override per-project:\n *   // tailwind.config.ts\n *   import { defaultPreset } from \"tailwind-styled-v4/preset\"\n *   export default { presets: [defaultPreset], theme: { extend: {...} } }\n */\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Content paths — auto-detect berdasarkan project structure\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst STANDARD_CONTENT_PATHS = [\n  // Next.js App Router\n  \"./src/**/*.{tsx,ts,jsx,js,mdx}\",\n  \"./app/**/*.{tsx,ts,jsx,js,mdx}\",\n  \"./pages/**/*.{tsx,ts,jsx,js,mdx}\",\n  \"./components/**/*.{tsx,ts,jsx,js,mdx}\",\n  // Vite / React\n  \"./src/**/*.{tsx,ts,jsx,js}\",\n  \"./index.html\",\n  // Monorepo\n  \"../../packages/**/src/**/*.{tsx,ts,jsx,js}\",\n]\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Design tokens — consistent across all tailwind-styled-v4 projects\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const designTokens = {\n  colors: {\n    primary: { DEFAULT: \"#3b82f6\", hover: \"#2563eb\", active: \"#1d4ed8\", foreground: \"#ffffff\" },\n    secondary: { DEFAULT: \"#6366f1\", hover: \"#4f46e5\", active: \"#4338ca\", foreground: \"#ffffff\" },\n    accent: { DEFAULT: \"#f59e0b\", hover: \"#d97706\", active: \"#b45309\", foreground: \"#000000\" },\n    success: { DEFAULT: \"#10b981\", foreground: \"#ffffff\" },\n    warning: { DEFAULT: \"#f59e0b\", foreground: \"#000000\" },\n    danger: { DEFAULT: \"#ef4444\", foreground: \"#ffffff\" },\n    info: { DEFAULT: \"#3b82f6\", foreground: \"#ffffff\" },\n    surface: \"#18181b\",\n    border: \"#27272a\",\n    muted: \"#71717a\",\n    subtle: \"#3f3f46\",\n  },\n\n  spacing: {\n    1: \"0.25rem\",\n    2: \"0.5rem\",\n    3: \"0.75rem\",\n    4: \"1rem\",\n    5: \"1.25rem\",\n    6: \"1.5rem\",\n    8: \"2rem\",\n    10: \"2.5rem\",\n    12: \"3rem\",\n    16: \"4rem\",\n  },\n\n  breakpoints: {\n    sm: \"40rem\",\n    md: \"48rem\",\n    lg: \"64rem\",\n    xl: \"80rem\",\n    \"2xl\": \"96rem\",\n  },\n\n  fontWeight: {\n    normal: \"400\",\n    medium: \"500\",\n    semibold: \"600\",\n    bold: \"700\",\n  },\n\n  fontFamily: {\n    sans: [\"InterVariable\", \"Inter\", \"system-ui\", \"sans-serif\"],\n    mono: [\"JetBrains Mono\", \"Fira Code\", \"Consolas\", \"monospace\"],\n  },\n\n  borderRadius: {\n    sm: \"0.25rem\",\n    DEFAULT: \"0.5rem\",\n    md: \"0.5rem\",\n    lg: \"0.75rem\",\n    xl: \"1rem\",\n    \"2xl\": \"1.5rem\",\n    full: \"9999px\",\n  },\n\n  animation: {\n    \"fade-in\": \"fadeIn 0.2s ease-out\",\n    \"fade-out\": \"fadeOut 0.2s ease-in\",\n    \"slide-up\": \"slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1)\",\n    \"slide-down\": \"slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1)\",\n    \"scale-in\": \"scaleIn 0.2s ease-out\",\n  },\n\n  keyframes: {\n    fadeIn: { from: { opacity: \"0\" }, to: { opacity: \"1\" } },\n    fadeOut: { from: { opacity: \"1\" }, to: { opacity: \"0\" } },\n    slideUp: {\n      from: { transform: \"translateY(8px)\", opacity: \"0\" },\n      to: { transform: \"translateY(0)\", opacity: \"1\" },\n    },\n    slideDown: {\n      from: { transform: \"translateY(-8px)\", opacity: \"0\" },\n      to: { transform: \"translateY(0)\", opacity: \"1\" },\n    },\n    scaleIn: {\n      from: { transform: \"scale(0.95)\", opacity: \"0\" },\n      to: { transform: \"scale(1)\", opacity: \"1\" },\n    },\n  },\n} as const\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Default Tailwind Config — dipakai sebagai fallback + preset\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const defaultPreset = {\n  content: STANDARD_CONTENT_PATHS,\n\n  darkMode: \"class\" as const,\n\n  theme: {\n    extend: {\n      colors: designTokens.colors,\n      fontFamily: designTokens.fontFamily,\n      borderRadius: designTokens.borderRadius,\n      animation: designTokens.animation,\n      keyframes: designTokens.keyframes,\n    },\n  },\n\n  plugins: [],\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Default Theme CSS — Tailwind v4 @theme block\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const defaultThemeCss = `@import \"tailwindcss\";\n\n@theme {\n  /* colors */\n  --color-primary: #3b82f6;\n  --color-primary-hover: #2563eb;\n  --color-primary-active: #1d4ed8;\n  --color-primary-foreground: #ffffff;\n  --color-secondary: #6366f1;\n  --color-secondary-hover: #4f46e5;\n  --color-secondary-active: #4338ca;\n  --color-secondary-foreground: #ffffff;\n  --color-accent: #f59e0b;\n  --color-accent-hover: #d97706;\n  --color-accent-active: #b45309;\n  --color-accent-foreground: #000000;\n  --color-success: #10b981;\n  --color-success-foreground: #ffffff;\n  --color-warning: #f59e0b;\n  --color-warning-foreground: #000000;\n  --color-danger: #ef4444;\n  --color-danger-foreground: #ffffff;\n  --color-info: #3b82f6;\n  --color-info-foreground: #ffffff;\n  --color-surface: #18181b;\n  --color-border: #27272a;\n  --color-muted: #71717a;\n  --color-subtle: #3f3f46;\n\n  /* fonts */\n  --font-sans: InterVariable, Inter, system-ui, sans-serif;\n  --font-mono: JetBrains Mono, Fira Code, Consolas, monospace;\n\n  /* spacing */\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-8: 2rem;\n  --spacing-10: 2.5rem;\n  --spacing-12: 3rem;\n  --spacing-16: 4rem;\n\n  /* breakpoints */\n  --breakpoint-sm: 40rem;\n  --breakpoint-md: 48rem;\n  --breakpoint-lg: 64rem;\n  --breakpoint-xl: 80rem;\n  --breakpoint-2xl: 96rem;\n\n  /* border radius */\n  --radius-sm: 0.25rem;\n  --radius-md: 0.5rem;\n  --radius-lg: 0.75rem;\n  --radius-xl: 1rem;\n  --radius-2xl: 1.5rem;\n  --radius-full: 9999px;\n\n  /* animations */\n  --animate-fade-in: fadeIn 0.2s ease-out;\n  --animate-fade-out: fadeOut 0.2s ease-in;\n  --animate-slide-up: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-slide-down: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-scale-in: scaleIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes fadeOut {\n  from { opacity: 1; }\n  to { opacity: 0; }\n}\n@keyframes slideUp {\n  from { transform: translateY(8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes slideDown {\n  from { transform: translateY(-8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes scaleIn {\n  from { transform: scale(0.95); opacity: 0; }\n  to { transform: scale(1); opacity: 1; }\n}`\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Zero-config globals.css — tidak perlu @tailwind base dll\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const defaultGlobalCss = `@import \"tailwindcss\";\n\n@theme {\n  /* colors */\n  --color-primary: #3b82f6;\n  --color-primary-hover: #2563eb;\n  --color-primary-active: #1d4ed8;\n  --color-primary-foreground: #ffffff;\n  --color-secondary: #6366f1;\n  --color-secondary-hover: #4f46e5;\n  --color-secondary-active: #4338ca;\n  --color-secondary-foreground: #ffffff;\n  --color-accent: #f59e0b;\n  --color-accent-hover: #d97706;\n  --color-accent-active: #b45309;\n  --color-accent-foreground: #000000;\n  --color-success: #10b981;\n  --color-success-foreground: #ffffff;\n  --color-warning: #f59e0b;\n  --color-warning-foreground: #000000;\n  --color-danger: #ef4444;\n  --color-danger-foreground: #ffffff;\n  --color-info: #3b82f6;\n  --color-info-foreground: #ffffff;\n  --color-surface: #18181b;\n  --color-border: #27272a;\n  --color-muted: #71717a;\n  --color-subtle: #3f3f46;\n\n  /* fonts */\n  --font-sans: InterVariable, Inter, system-ui, sans-serif;\n  --font-mono: JetBrains Mono, Fira Code, Consolas, monospace;\n\n  /* spacing */\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-8: 2rem;\n  --spacing-10: 2.5rem;\n  --spacing-12: 3rem;\n  --spacing-16: 4rem;\n\n  /* breakpoints */\n  --breakpoint-sm: 40rem;\n  --breakpoint-md: 48rem;\n  --breakpoint-lg: 64rem;\n  --breakpoint-xl: 80rem;\n  --breakpoint-2xl: 96rem;\n\n  /* border radius */\n  --radius-sm: 0.25rem;\n  --radius-md: 0.5rem;\n  --radius-lg: 0.75rem;\n  --radius-xl: 1rem;\n  --radius-2xl: 1.5rem;\n  --radius-full: 9999px;\n\n  /* animations */\n  --animate-fade-in: fadeIn 0.2s ease-out;\n  --animate-fade-out: fadeOut 0.2s ease-in;\n  --animate-slide-up: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-slide-down: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-scale-in: scaleIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes fadeOut {\n  from { opacity: 1; }\n  to { opacity: 0; }\n}\n@keyframes slideUp {\n  from { transform: translateY(8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes slideDown {\n  from { transform: translateY(-8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes scaleIn {\n  from { transform: scale(0.95); opacity: 0; }\n  to { transform: scale(1); opacity: 1; }\n}\n\n/* tailwind-styled-v4 — zero-config base styles */\n*, *::before, *::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--font-sans, system-ui, sans-serif);\n  background: var(--color-surface, #18181b);\n  color: var(--color-foreground, #fafafa);\n}\n`\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Zero-config Tailwind v4 CSS generator\n// Dipakai oleh CLI dan withTailwindStyled saat tidak ada user config\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport function generateTailwindCss(contentPaths = STANDARD_CONTENT_PATHS): string {\n  return `@import \"tailwindcss\";\n\n@theme {\n  /* colors */\n  --color-primary: #3b82f6;\n  --color-primary-hover: #2563eb;\n  --color-primary-active: #1d4ed8;\n  --color-primary-foreground: #ffffff;\n  --color-secondary: #6366f1;\n  --color-secondary-hover: #4f46e5;\n  --color-secondary-active: #4338ca;\n  --color-secondary-foreground: #ffffff;\n  --color-accent: #f59e0b;\n  --color-accent-hover: #d97706;\n  --color-accent-active: #b45309;\n  --color-accent-foreground: #000000;\n  --color-success: #10b981;\n  --color-success-foreground: #ffffff;\n  --color-warning: #f59e0b;\n  --color-warning-foreground: #000000;\n  --color-danger: #ef4444;\n  --color-danger-foreground: #ffffff;\n  --color-info: #3b82f6;\n  --color-info-foreground: #ffffff;\n  --color-surface: #18181b;\n  --color-border: #27272a;\n  --color-muted: #71717a;\n  --color-subtle: #3f3f46;\n\n  /* fonts */\n  --font-sans: InterVariable, Inter, system-ui, sans-serif;\n  --font-mono: JetBrains Mono, Fira Code, Consolas, monospace;\n\n  /* spacing */\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-8: 2rem;\n  --spacing-10: 2.5rem;\n  --spacing-12: 3rem;\n  --spacing-16: 4rem;\n\n  /* breakpoints */\n  --breakpoint-sm: 40rem;\n  --breakpoint-md: 48rem;\n  --breakpoint-lg: 64rem;\n  --breakpoint-xl: 80rem;\n  --breakpoint-2xl: 96rem;\n\n  /* border radius */\n  --radius-sm: 0.25rem;\n  --radius-md: 0.5rem;\n  --radius-lg: 0.75rem;\n  --radius-xl: 1rem;\n  --radius-2xl: 1.5rem;\n  --radius-full: 9999px;\n\n  /* animations */\n  --animate-fade-in: fadeIn 0.2s ease-out;\n  --animate-fade-out: fadeOut 0.2s ease-in;\n  --animate-slide-up: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-slide-down: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-scale-in: scaleIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes fadeOut {\n  from { opacity: 1; }\n  to { opacity: 0; }\n}\n@keyframes slideUp {\n  from { transform: translateY(8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes slideDown {\n  from { transform: translateY(-8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes scaleIn {\n  from { transform: scale(0.95); opacity: 0; }\n  to { transform: scale(1); opacity: 1; }\n}\n\n@source ${contentPaths.join(\"\\n@source \")}\n`\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Zero-config tailwind.config.ts generator\n// DEPRECATED: Use generateTailwindCss for Tailwind v4 instead\n// Dipakai oleh CLI dan withTailwindStyled saat tidak ada user config\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport function generateTailwindConfig(\n  safelistPath = \".tailwind-styled-safelist.json\",\n  contentPaths = STANDARD_CONTENT_PATHS\n): string {\n  return `import type { Config } from \"tailwindcss\"\nimport { defaultPreset } from \"tailwind-styled-v4/preset\"\n\n// Auto-generated safelist dari tailwind-styled-v4 compiler\nconst safelist = (() => {\n  try { return require(${JSON.stringify(safelistPath)}) as string[] }\n  catch { return [] }\n})()\n\nexport default {\n  presets: [defaultPreset],\n  content: ${JSON.stringify(contentPaths, null, 2)},\n  safelist,\n} satisfies Config\n`\n}\n"]}
+{"version":3,"sources":["../packages/preset/src/defaultPreset.ts"],"names":[],"mappings":"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","file":"preset.js","sourcesContent":["/**\n * tailwind-styled-v4 — Default Preset\n *\n * Tailwind config built-in yang dipakai ketika developer tidak punya\n * tailwind.config.ts / tailwind.config.js di project mereka.\n *\n * Developer tidak perlu setup apapun:\n *   npm install tailwind-styled-v4\n *   → langsung bisa tw.div`p-4 bg-blue-500`\n *\n * Preset ini juga menyediakan design tokens yang consistent\n * untuk semua project yang pakai tailwind-styled-v4.\n *\n * Override per-project:\n *   // tailwind.config.ts\n *   import { defaultPreset } from \"tailwind-styled-v4/preset\"\n *   export default { presets: [defaultPreset], theme: { extend: {...} } }\n */\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Content paths — auto-detect berdasarkan project structure\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst STANDARD_CONTENT_PATHS = [\n  // Next.js App Router\n  \"./src/**/*.{tsx,ts,jsx,js,mdx}\",\n  \"./app/**/*.{tsx,ts,jsx,js,mdx}\",\n  \"./pages/**/*.{tsx,ts,jsx,js,mdx}\",\n  \"./components/**/*.{tsx,ts,jsx,js,mdx}\",\n  // Vite / React\n  \"./src/**/*.{tsx,ts,jsx,js}\",\n  \"./index.html\",\n  // Monorepo\n  \"../../packages/**/src/**/*.{tsx,ts,jsx,js}\",\n]\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Design tokens — consistent across all tailwind-styled-v4 projects\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const designTokens = {\n  colors: {\n    primary: { DEFAULT: \"#3b82f6\", hover: \"#2563eb\", active: \"#1d4ed8\", foreground: \"#ffffff\" },\n    secondary: { DEFAULT: \"#6366f1\", hover: \"#4f46e5\", active: \"#4338ca\", foreground: \"#ffffff\" },\n    accent: { DEFAULT: \"#f59e0b\", hover: \"#d97706\", active: \"#b45309\", foreground: \"#000000\" },\n    success: { DEFAULT: \"#10b981\", foreground: \"#ffffff\" },\n    warning: { DEFAULT: \"#f59e0b\", foreground: \"#000000\" },\n    danger: { DEFAULT: \"#ef4444\", foreground: \"#ffffff\" },\n    info: { DEFAULT: \"#3b82f6\", foreground: \"#ffffff\" },\n    surface: \"#18181b\",\n    border: \"#27272a\",\n    muted: \"#71717a\",\n    subtle: \"#3f3f46\",\n  },\n\n  spacing: {\n    1: \"0.25rem\",\n    2: \"0.5rem\",\n    3: \"0.75rem\",\n    4: \"1rem\",\n    5: \"1.25rem\",\n    6: \"1.5rem\",\n    8: \"2rem\",\n    10: \"2.5rem\",\n    12: \"3rem\",\n    16: \"4rem\",\n  },\n\n  breakpoints: {\n    sm: \"40rem\",\n    md: \"48rem\",\n    lg: \"64rem\",\n    xl: \"80rem\",\n    \"2xl\": \"96rem\",\n  },\n\n  fontWeight: {\n    normal: \"400\",\n    medium: \"500\",\n    semibold: \"600\",\n    bold: \"700\",\n  },\n\n  fontFamily: {\n    sans: [\"InterVariable\", \"Inter\", \"system-ui\", \"sans-serif\"],\n    mono: [\"JetBrains Mono\", \"Fira Code\", \"Consolas\", \"monospace\"],\n  },\n\n  borderRadius: {\n    sm: \"0.25rem\",\n    DEFAULT: \"0.5rem\",\n    md: \"0.5rem\",\n    lg: \"0.75rem\",\n    xl: \"1rem\",\n    \"2xl\": \"1.5rem\",\n    full: \"9999px\",\n  },\n\n  animation: {\n    \"fade-in\": \"fadeIn 0.2s ease-out\",\n    \"fade-out\": \"fadeOut 0.2s ease-in\",\n    \"slide-up\": \"slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1)\",\n    \"slide-down\": \"slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1)\",\n    \"scale-in\": \"scaleIn 0.2s ease-out\",\n  },\n\n  keyframes: {\n    fadeIn: { from: { opacity: \"0\" }, to: { opacity: \"1\" } },\n    fadeOut: { from: { opacity: \"1\" }, to: { opacity: \"0\" } },\n    slideUp: {\n      from: { transform: \"translateY(8px)\", opacity: \"0\" },\n      to: { transform: \"translateY(0)\", opacity: \"1\" },\n    },\n    slideDown: {\n      from: { transform: \"translateY(-8px)\", opacity: \"0\" },\n      to: { transform: \"translateY(0)\", opacity: \"1\" },\n    },\n    scaleIn: {\n      from: { transform: \"scale(0.95)\", opacity: \"0\" },\n      to: { transform: \"scale(1)\", opacity: \"1\" },\n    },\n  },\n} as const\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Default Tailwind Config — dipakai sebagai fallback + preset\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const defaultPreset = {\n  content: STANDARD_CONTENT_PATHS,\n\n  darkMode: \"class\" as const,\n\n  theme: {\n    extend: {\n      colors: designTokens.colors,\n      fontFamily: designTokens.fontFamily,\n      borderRadius: designTokens.borderRadius,\n      animation: designTokens.animation,\n      keyframes: designTokens.keyframes,\n    },\n  },\n\n  plugins: [],\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Default Theme CSS — Tailwind v4 @theme block\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const defaultThemeCss = `@import \"tailwindcss\";\n\n@theme {\n  /* colors */\n  --color-primary: #3b82f6;\n  --color-primary-hover: #2563eb;\n  --color-primary-active: #1d4ed8;\n  --color-primary-foreground: #ffffff;\n  --color-secondary: #6366f1;\n  --color-secondary-hover: #4f46e5;\n  --color-secondary-active: #4338ca;\n  --color-secondary-foreground: #ffffff;\n  --color-accent: #f59e0b;\n  --color-accent-hover: #d97706;\n  --color-accent-active: #b45309;\n  --color-accent-foreground: #000000;\n  --color-success: #10b981;\n  --color-success-foreground: #ffffff;\n  --color-warning: #f59e0b;\n  --color-warning-foreground: #000000;\n  --color-danger: #ef4444;\n  --color-danger-foreground: #ffffff;\n  --color-info: #3b82f6;\n  --color-info-foreground: #ffffff;\n  --color-surface: #18181b;\n  --color-border: #27272a;\n  --color-muted: #71717a;\n  --color-subtle: #3f3f46;\n\n  /* fonts */\n  --font-sans: InterVariable, Inter, system-ui, sans-serif;\n  --font-mono: JetBrains Mono, Fira Code, Consolas, monospace;\n\n  /* spacing */\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-8: 2rem;\n  --spacing-10: 2.5rem;\n  --spacing-12: 3rem;\n  --spacing-16: 4rem;\n\n  /* breakpoints */\n  --breakpoint-sm: 40rem;\n  --breakpoint-md: 48rem;\n  --breakpoint-lg: 64rem;\n  --breakpoint-xl: 80rem;\n  --breakpoint-2xl: 96rem;\n\n  /* border radius */\n  --radius-sm: 0.25rem;\n  --radius-md: 0.5rem;\n  --radius-lg: 0.75rem;\n  --radius-xl: 1rem;\n  --radius-2xl: 1.5rem;\n  --radius-full: 9999px;\n\n  /* animations */\n  --animate-fade-in: fadeIn 0.2s ease-out;\n  --animate-fade-out: fadeOut 0.2s ease-in;\n  --animate-slide-up: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-slide-down: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-scale-in: scaleIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes fadeOut {\n  from { opacity: 1; }\n  to { opacity: 0; }\n}\n@keyframes slideUp {\n  from { transform: translateY(8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes slideDown {\n  from { transform: translateY(-8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes scaleIn {\n  from { transform: scale(0.95); opacity: 0; }\n  to { transform: scale(1); opacity: 1; }\n}`\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Zero-config globals.css — tidak perlu @tailwind base dll\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const defaultGlobalCss = `@import \"tailwindcss\";\n\n@theme {\n  /* colors */\n  --color-primary: #3b82f6;\n  --color-primary-hover: #2563eb;\n  --color-primary-active: #1d4ed8;\n  --color-primary-foreground: #ffffff;\n  --color-secondary: #6366f1;\n  --color-secondary-hover: #4f46e5;\n  --color-secondary-active: #4338ca;\n  --color-secondary-foreground: #ffffff;\n  --color-accent: #f59e0b;\n  --color-accent-hover: #d97706;\n  --color-accent-active: #b45309;\n  --color-accent-foreground: #000000;\n  --color-success: #10b981;\n  --color-success-foreground: #ffffff;\n  --color-warning: #f59e0b;\n  --color-warning-foreground: #000000;\n  --color-danger: #ef4444;\n  --color-danger-foreground: #ffffff;\n  --color-info: #3b82f6;\n  --color-info-foreground: #ffffff;\n  --color-surface: #18181b;\n  --color-border: #27272a;\n  --color-muted: #71717a;\n  --color-subtle: #3f3f46;\n\n  /* fonts */\n  --font-sans: InterVariable, Inter, system-ui, sans-serif;\n  --font-mono: JetBrains Mono, Fira Code, Consolas, monospace;\n\n  /* spacing */\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-8: 2rem;\n  --spacing-10: 2.5rem;\n  --spacing-12: 3rem;\n  --spacing-16: 4rem;\n\n  /* breakpoints */\n  --breakpoint-sm: 40rem;\n  --breakpoint-md: 48rem;\n  --breakpoint-lg: 64rem;\n  --breakpoint-xl: 80rem;\n  --breakpoint-2xl: 96rem;\n\n  /* border radius */\n  --radius-sm: 0.25rem;\n  --radius-md: 0.5rem;\n  --radius-lg: 0.75rem;\n  --radius-xl: 1rem;\n  --radius-2xl: 1.5rem;\n  --radius-full: 9999px;\n\n  /* animations */\n  --animate-fade-in: fadeIn 0.2s ease-out;\n  --animate-fade-out: fadeOut 0.2s ease-in;\n  --animate-slide-up: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-slide-down: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-scale-in: scaleIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes fadeOut {\n  from { opacity: 1; }\n  to { opacity: 0; }\n}\n@keyframes slideUp {\n  from { transform: translateY(8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes slideDown {\n  from { transform: translateY(-8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes scaleIn {\n  from { transform: scale(0.95); opacity: 0; }\n  to { transform: scale(1); opacity: 1; }\n}\n\n/* tailwind-styled-v4 — zero-config base styles */\n*, *::before, *::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--font-sans, system-ui, sans-serif);\n  background: var(--color-surface, #18181b);\n  color: var(--color-foreground, #fafafa);\n}\n`\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Zero-config Tailwind v4 CSS generator\n// Dipakai oleh CLI dan withTailwindStyled saat tidak ada user config\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport function generateTailwindCss(contentPaths = STANDARD_CONTENT_PATHS): string {\n  return `@import \"tailwindcss\";\n\n@theme {\n  /* colors */\n  --color-primary: #3b82f6;\n  --color-primary-hover: #2563eb;\n  --color-primary-active: #1d4ed8;\n  --color-primary-foreground: #ffffff;\n  --color-secondary: #6366f1;\n  --color-secondary-hover: #4f46e5;\n  --color-secondary-active: #4338ca;\n  --color-secondary-foreground: #ffffff;\n  --color-accent: #f59e0b;\n  --color-accent-hover: #d97706;\n  --color-accent-active: #b45309;\n  --color-accent-foreground: #000000;\n  --color-success: #10b981;\n  --color-success-foreground: #ffffff;\n  --color-warning: #f59e0b;\n  --color-warning-foreground: #000000;\n  --color-danger: #ef4444;\n  --color-danger-foreground: #ffffff;\n  --color-info: #3b82f6;\n  --color-info-foreground: #ffffff;\n  --color-surface: #18181b;\n  --color-border: #27272a;\n  --color-muted: #71717a;\n  --color-subtle: #3f3f46;\n\n  /* fonts */\n  --font-sans: InterVariable, Inter, system-ui, sans-serif;\n  --font-mono: JetBrains Mono, Fira Code, Consolas, monospace;\n\n  /* spacing */\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-8: 2rem;\n  --spacing-10: 2.5rem;\n  --spacing-12: 3rem;\n  --spacing-16: 4rem;\n\n  /* breakpoints */\n  --breakpoint-sm: 40rem;\n  --breakpoint-md: 48rem;\n  --breakpoint-lg: 64rem;\n  --breakpoint-xl: 80rem;\n  --breakpoint-2xl: 96rem;\n\n  /* border radius */\n  --radius-sm: 0.25rem;\n  --radius-md: 0.5rem;\n  --radius-lg: 0.75rem;\n  --radius-xl: 1rem;\n  --radius-2xl: 1.5rem;\n  --radius-full: 9999px;\n\n  /* animations */\n  --animate-fade-in: fadeIn 0.2s ease-out;\n  --animate-fade-out: fadeOut 0.2s ease-in;\n  --animate-slide-up: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-slide-down: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-scale-in: scaleIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes fadeOut {\n  from { opacity: 1; }\n  to { opacity: 0; }\n}\n@keyframes slideUp {\n  from { transform: translateY(8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes slideDown {\n  from { transform: translateY(-8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes scaleIn {\n  from { transform: scale(0.95); opacity: 0; }\n  to { transform: scale(1); opacity: 1; }\n}\n\n@source ${contentPaths.join(\"\\n@source \")}\n`\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Zero-config tailwind.config.ts generator\n// DEPRECATED: Use generateTailwindCss for Tailwind v4 instead\n// Dipakai oleh CLI dan withTailwindStyled saat tidak ada user config\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport function generateTailwindConfig(\n  safelistPath = \".tailwind-styled-safelist.json\",\n  contentPaths = STANDARD_CONTENT_PATHS\n): string {\n  return `import type { Config } from \"tailwindcss\"\nimport { defaultPreset } from \"tailwind-styled-v4/preset\"\n\n// Auto-generated safelist dari tailwind-styled-v4 compiler\nconst safelist = (() => {\n  try { return require(${JSON.stringify(safelistPath)}) as string[] }\n  catch { return [] }\n})()\n\nexport default {\n  presets: [defaultPreset],\n  content: ${JSON.stringify(contentPaths, null, 2)},\n  safelist,\n} satisfies Config\n`\n}\n"]}

package/dist/{preset.cjs → preset.mjs}

@@ -1,10 +1,6 @@
-'use strict';
+/* tailwind-styled-v4 v5.0.1 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
 
-require('./chunk-Y5D3E72P.cjs');
-
-/* tailwind-styled-v4 v4 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
-
-// ../preset/src/defaultPreset.ts
+// packages/preset/src/defaultPreset.ts
 var STANDARD_CONTENT_PATHS = [
   // Next.js App Router
   "./src/**/*.{tsx,ts,jsx,js,mdx}",
@@ -413,11 +409,6 @@ export default {
 `;
 }
 
-exports.defaultGlobalCss = defaultGlobalCss;
-exports.defaultPreset = defaultPreset;
-exports.defaultThemeCss = defaultThemeCss;
-exports.designTokens = designTokens;
-exports.generateTailwindConfig = generateTailwindConfig;
-exports.generateTailwindCss = generateTailwindCss;
-//# sourceMappingURL=preset.cjs.map
-//# sourceMappingURL=preset.cjs.map
+export { defaultGlobalCss, defaultPreset, defaultThemeCss, designTokens, generateTailwindConfig, generateTailwindCss };
+//# sourceMappingURL=preset.mjs.map
+//# sourceMappingURL=preset.mjs.map

package/dist/preset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/preset/src/defaultPreset.ts"],"names":[],"mappings":"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","file":"preset.mjs","sourcesContent":["/**\n * tailwind-styled-v4 — Default Preset\n *\n * Tailwind config built-in yang dipakai ketika developer tidak punya\n * tailwind.config.ts / tailwind.config.js di project mereka.\n *\n * Developer tidak perlu setup apapun:\n *   npm install tailwind-styled-v4\n *   → langsung bisa tw.div`p-4 bg-blue-500`\n *\n * Preset ini juga menyediakan design tokens yang consistent\n * untuk semua project yang pakai tailwind-styled-v4.\n *\n * Override per-project:\n *   // tailwind.config.ts\n *   import { defaultPreset } from \"tailwind-styled-v4/preset\"\n *   export default { presets: [defaultPreset], theme: { extend: {...} } }\n */\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Content paths — auto-detect berdasarkan project structure\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst STANDARD_CONTENT_PATHS = [\n  // Next.js App Router\n  \"./src/**/*.{tsx,ts,jsx,js,mdx}\",\n  \"./app/**/*.{tsx,ts,jsx,js,mdx}\",\n  \"./pages/**/*.{tsx,ts,jsx,js,mdx}\",\n  \"./components/**/*.{tsx,ts,jsx,js,mdx}\",\n  // Vite / React\n  \"./src/**/*.{tsx,ts,jsx,js}\",\n  \"./index.html\",\n  // Monorepo\n  \"../../packages/**/src/**/*.{tsx,ts,jsx,js}\",\n]\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Design tokens — consistent across all tailwind-styled-v4 projects\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const designTokens = {\n  colors: {\n    primary: { DEFAULT: \"#3b82f6\", hover: \"#2563eb\", active: \"#1d4ed8\", foreground: \"#ffffff\" },\n    secondary: { DEFAULT: \"#6366f1\", hover: \"#4f46e5\", active: \"#4338ca\", foreground: \"#ffffff\" },\n    accent: { DEFAULT: \"#f59e0b\", hover: \"#d97706\", active: \"#b45309\", foreground: \"#000000\" },\n    success: { DEFAULT: \"#10b981\", foreground: \"#ffffff\" },\n    warning: { DEFAULT: \"#f59e0b\", foreground: \"#000000\" },\n    danger: { DEFAULT: \"#ef4444\", foreground: \"#ffffff\" },\n    info: { DEFAULT: \"#3b82f6\", foreground: \"#ffffff\" },\n    surface: \"#18181b\",\n    border: \"#27272a\",\n    muted: \"#71717a\",\n    subtle: \"#3f3f46\",\n  },\n\n  spacing: {\n    1: \"0.25rem\",\n    2: \"0.5rem\",\n    3: \"0.75rem\",\n    4: \"1rem\",\n    5: \"1.25rem\",\n    6: \"1.5rem\",\n    8: \"2rem\",\n    10: \"2.5rem\",\n    12: \"3rem\",\n    16: \"4rem\",\n  },\n\n  breakpoints: {\n    sm: \"40rem\",\n    md: \"48rem\",\n    lg: \"64rem\",\n    xl: \"80rem\",\n    \"2xl\": \"96rem\",\n  },\n\n  fontWeight: {\n    normal: \"400\",\n    medium: \"500\",\n    semibold: \"600\",\n    bold: \"700\",\n  },\n\n  fontFamily: {\n    sans: [\"InterVariable\", \"Inter\", \"system-ui\", \"sans-serif\"],\n    mono: [\"JetBrains Mono\", \"Fira Code\", \"Consolas\", \"monospace\"],\n  },\n\n  borderRadius: {\n    sm: \"0.25rem\",\n    DEFAULT: \"0.5rem\",\n    md: \"0.5rem\",\n    lg: \"0.75rem\",\n    xl: \"1rem\",\n    \"2xl\": \"1.5rem\",\n    full: \"9999px\",\n  },\n\n  animation: {\n    \"fade-in\": \"fadeIn 0.2s ease-out\",\n    \"fade-out\": \"fadeOut 0.2s ease-in\",\n    \"slide-up\": \"slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1)\",\n    \"slide-down\": \"slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1)\",\n    \"scale-in\": \"scaleIn 0.2s ease-out\",\n  },\n\n  keyframes: {\n    fadeIn: { from: { opacity: \"0\" }, to: { opacity: \"1\" } },\n    fadeOut: { from: { opacity: \"1\" }, to: { opacity: \"0\" } },\n    slideUp: {\n      from: { transform: \"translateY(8px)\", opacity: \"0\" },\n      to: { transform: \"translateY(0)\", opacity: \"1\" },\n    },\n    slideDown: {\n      from: { transform: \"translateY(-8px)\", opacity: \"0\" },\n      to: { transform: \"translateY(0)\", opacity: \"1\" },\n    },\n    scaleIn: {\n      from: { transform: \"scale(0.95)\", opacity: \"0\" },\n      to: { transform: \"scale(1)\", opacity: \"1\" },\n    },\n  },\n} as const\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Default Tailwind Config — dipakai sebagai fallback + preset\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const defaultPreset = {\n  content: STANDARD_CONTENT_PATHS,\n\n  darkMode: \"class\" as const,\n\n  theme: {\n    extend: {\n      colors: designTokens.colors,\n      fontFamily: designTokens.fontFamily,\n      borderRadius: designTokens.borderRadius,\n      animation: designTokens.animation,\n      keyframes: designTokens.keyframes,\n    },\n  },\n\n  plugins: [],\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Default Theme CSS — Tailwind v4 @theme block\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const defaultThemeCss = `@import \"tailwindcss\";\n\n@theme {\n  /* colors */\n  --color-primary: #3b82f6;\n  --color-primary-hover: #2563eb;\n  --color-primary-active: #1d4ed8;\n  --color-primary-foreground: #ffffff;\n  --color-secondary: #6366f1;\n  --color-secondary-hover: #4f46e5;\n  --color-secondary-active: #4338ca;\n  --color-secondary-foreground: #ffffff;\n  --color-accent: #f59e0b;\n  --color-accent-hover: #d97706;\n  --color-accent-active: #b45309;\n  --color-accent-foreground: #000000;\n  --color-success: #10b981;\n  --color-success-foreground: #ffffff;\n  --color-warning: #f59e0b;\n  --color-warning-foreground: #000000;\n  --color-danger: #ef4444;\n  --color-danger-foreground: #ffffff;\n  --color-info: #3b82f6;\n  --color-info-foreground: #ffffff;\n  --color-surface: #18181b;\n  --color-border: #27272a;\n  --color-muted: #71717a;\n  --color-subtle: #3f3f46;\n\n  /* fonts */\n  --font-sans: InterVariable, Inter, system-ui, sans-serif;\n  --font-mono: JetBrains Mono, Fira Code, Consolas, monospace;\n\n  /* spacing */\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-8: 2rem;\n  --spacing-10: 2.5rem;\n  --spacing-12: 3rem;\n  --spacing-16: 4rem;\n\n  /* breakpoints */\n  --breakpoint-sm: 40rem;\n  --breakpoint-md: 48rem;\n  --breakpoint-lg: 64rem;\n  --breakpoint-xl: 80rem;\n  --breakpoint-2xl: 96rem;\n\n  /* border radius */\n  --radius-sm: 0.25rem;\n  --radius-md: 0.5rem;\n  --radius-lg: 0.75rem;\n  --radius-xl: 1rem;\n  --radius-2xl: 1.5rem;\n  --radius-full: 9999px;\n\n  /* animations */\n  --animate-fade-in: fadeIn 0.2s ease-out;\n  --animate-fade-out: fadeOut 0.2s ease-in;\n  --animate-slide-up: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-slide-down: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-scale-in: scaleIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes fadeOut {\n  from { opacity: 1; }\n  to { opacity: 0; }\n}\n@keyframes slideUp {\n  from { transform: translateY(8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes slideDown {\n  from { transform: translateY(-8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes scaleIn {\n  from { transform: scale(0.95); opacity: 0; }\n  to { transform: scale(1); opacity: 1; }\n}`\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Zero-config globals.css — tidak perlu @tailwind base dll\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const defaultGlobalCss = `@import \"tailwindcss\";\n\n@theme {\n  /* colors */\n  --color-primary: #3b82f6;\n  --color-primary-hover: #2563eb;\n  --color-primary-active: #1d4ed8;\n  --color-primary-foreground: #ffffff;\n  --color-secondary: #6366f1;\n  --color-secondary-hover: #4f46e5;\n  --color-secondary-active: #4338ca;\n  --color-secondary-foreground: #ffffff;\n  --color-accent: #f59e0b;\n  --color-accent-hover: #d97706;\n  --color-accent-active: #b45309;\n  --color-accent-foreground: #000000;\n  --color-success: #10b981;\n  --color-success-foreground: #ffffff;\n  --color-warning: #f59e0b;\n  --color-warning-foreground: #000000;\n  --color-danger: #ef4444;\n  --color-danger-foreground: #ffffff;\n  --color-info: #3b82f6;\n  --color-info-foreground: #ffffff;\n  --color-surface: #18181b;\n  --color-border: #27272a;\n  --color-muted: #71717a;\n  --color-subtle: #3f3f46;\n\n  /* fonts */\n  --font-sans: InterVariable, Inter, system-ui, sans-serif;\n  --font-mono: JetBrains Mono, Fira Code, Consolas, monospace;\n\n  /* spacing */\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-8: 2rem;\n  --spacing-10: 2.5rem;\n  --spacing-12: 3rem;\n  --spacing-16: 4rem;\n\n  /* breakpoints */\n  --breakpoint-sm: 40rem;\n  --breakpoint-md: 48rem;\n  --breakpoint-lg: 64rem;\n  --breakpoint-xl: 80rem;\n  --breakpoint-2xl: 96rem;\n\n  /* border radius */\n  --radius-sm: 0.25rem;\n  --radius-md: 0.5rem;\n  --radius-lg: 0.75rem;\n  --radius-xl: 1rem;\n  --radius-2xl: 1.5rem;\n  --radius-full: 9999px;\n\n  /* animations */\n  --animate-fade-in: fadeIn 0.2s ease-out;\n  --animate-fade-out: fadeOut 0.2s ease-in;\n  --animate-slide-up: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-slide-down: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-scale-in: scaleIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes fadeOut {\n  from { opacity: 1; }\n  to { opacity: 0; }\n}\n@keyframes slideUp {\n  from { transform: translateY(8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes slideDown {\n  from { transform: translateY(-8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes scaleIn {\n  from { transform: scale(0.95); opacity: 0; }\n  to { transform: scale(1); opacity: 1; }\n}\n\n/* tailwind-styled-v4 — zero-config base styles */\n*, *::before, *::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--font-sans, system-ui, sans-serif);\n  background: var(--color-surface, #18181b);\n  color: var(--color-foreground, #fafafa);\n}\n`\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Zero-config Tailwind v4 CSS generator\n// Dipakai oleh CLI dan withTailwindStyled saat tidak ada user config\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport function generateTailwindCss(contentPaths = STANDARD_CONTENT_PATHS): string {\n  return `@import \"tailwindcss\";\n\n@theme {\n  /* colors */\n  --color-primary: #3b82f6;\n  --color-primary-hover: #2563eb;\n  --color-primary-active: #1d4ed8;\n  --color-primary-foreground: #ffffff;\n  --color-secondary: #6366f1;\n  --color-secondary-hover: #4f46e5;\n  --color-secondary-active: #4338ca;\n  --color-secondary-foreground: #ffffff;\n  --color-accent: #f59e0b;\n  --color-accent-hover: #d97706;\n  --color-accent-active: #b45309;\n  --color-accent-foreground: #000000;\n  --color-success: #10b981;\n  --color-success-foreground: #ffffff;\n  --color-warning: #f59e0b;\n  --color-warning-foreground: #000000;\n  --color-danger: #ef4444;\n  --color-danger-foreground: #ffffff;\n  --color-info: #3b82f6;\n  --color-info-foreground: #ffffff;\n  --color-surface: #18181b;\n  --color-border: #27272a;\n  --color-muted: #71717a;\n  --color-subtle: #3f3f46;\n\n  /* fonts */\n  --font-sans: InterVariable, Inter, system-ui, sans-serif;\n  --font-mono: JetBrains Mono, Fira Code, Consolas, monospace;\n\n  /* spacing */\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-8: 2rem;\n  --spacing-10: 2.5rem;\n  --spacing-12: 3rem;\n  --spacing-16: 4rem;\n\n  /* breakpoints */\n  --breakpoint-sm: 40rem;\n  --breakpoint-md: 48rem;\n  --breakpoint-lg: 64rem;\n  --breakpoint-xl: 80rem;\n  --breakpoint-2xl: 96rem;\n\n  /* border radius */\n  --radius-sm: 0.25rem;\n  --radius-md: 0.5rem;\n  --radius-lg: 0.75rem;\n  --radius-xl: 1rem;\n  --radius-2xl: 1.5rem;\n  --radius-full: 9999px;\n\n  /* animations */\n  --animate-fade-in: fadeIn 0.2s ease-out;\n  --animate-fade-out: fadeOut 0.2s ease-in;\n  --animate-slide-up: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-slide-down: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  --animate-scale-in: scaleIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes fadeOut {\n  from { opacity: 1; }\n  to { opacity: 0; }\n}\n@keyframes slideUp {\n  from { transform: translateY(8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes slideDown {\n  from { transform: translateY(-8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n@keyframes scaleIn {\n  from { transform: scale(0.95); opacity: 0; }\n  to { transform: scale(1); opacity: 1; }\n}\n\n@source ${contentPaths.join(\"\\n@source \")}\n`\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Zero-config tailwind.config.ts generator\n// DEPRECATED: Use generateTailwindCss for Tailwind v4 instead\n// Dipakai oleh CLI dan withTailwindStyled saat tidak ada user config\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport function generateTailwindConfig(\n  safelistPath = \".tailwind-styled-safelist.json\",\n  contentPaths = STANDARD_CONTENT_PATHS\n): string {\n  return `import type { Config } from \"tailwindcss\"\nimport { defaultPreset } from \"tailwind-styled-v4/preset\"\n\n// Auto-generated safelist dari tailwind-styled-v4 compiler\nconst safelist = (() => {\n  try { return require(${JSON.stringify(safelistPath)}) as string[] }\n  catch { return [] }\n})()\n\nexport default {\n  presets: [defaultPreset],\n  content: ${JSON.stringify(contentPaths, null, 2)},\n  safelist,\n} satisfies Config\n`\n}\n"]}

package/dist/rspack.d.mts

@@ -0,0 +1,33 @@
+/**
+ * tailwind-styled-v4 — Rspack Plugin v5 (stable)
+ *
+ * Usage:
+ *   import { tailwindStyledRspackPlugin } from "@tailwind-styled/rspack"
+ *
+ *   export default defineConfig({
+ *     plugins: [tailwindStyledRspackPlugin()],
+ *   })
+ *
+ * v5:
+ * - Simplified API
+ * - Uses @tailwind-styled/engine for build
+ * - Mode always zero-runtime
+ */
+interface RspackPluginOptions {
+    /** File patterns to include. Default: /\.[jt]sx?$/ */
+    include?: RegExp;
+    /** File patterns to exclude. Default: /node_modules/ */
+    exclude?: RegExp;
+    /** Add data-tw debug attributes in dev. Default: true in dev */
+    addDataAttr?: boolean;
+    /** Enable analyzer. Default: false */
+    analyze?: boolean;
+}
+declare class TailwindStyledRspackPlugin {
+    private opts;
+    constructor(opts?: RspackPluginOptions);
+    apply(compiler: any): void;
+}
+declare function tailwindStyledRspackPlugin(opts?: RspackPluginOptions): TailwindStyledRspackPlugin;
+
+export { type RspackPluginOptions, TailwindStyledRspackPlugin, tailwindStyledRspackPlugin as default, tailwindStyledRspackPlugin };

package/dist/rspack.d.ts

@@ -0,0 +1,33 @@
+/**
+ * tailwind-styled-v4 — Rspack Plugin v5 (stable)
+ *
+ * Usage:
+ *   import { tailwindStyledRspackPlugin } from "@tailwind-styled/rspack"
+ *
+ *   export default defineConfig({
+ *     plugins: [tailwindStyledRspackPlugin()],
+ *   })
+ *
+ * v5:
+ * - Simplified API
+ * - Uses @tailwind-styled/engine for build
+ * - Mode always zero-runtime
+ */
+interface RspackPluginOptions {
+    /** File patterns to include. Default: /\.[jt]sx?$/ */
+    include?: RegExp;
+    /** File patterns to exclude. Default: /node_modules/ */
+    exclude?: RegExp;
+    /** Add data-tw debug attributes in dev. Default: true in dev */
+    addDataAttr?: boolean;
+    /** Enable analyzer. Default: false */
+    analyze?: boolean;
+}
+declare class TailwindStyledRspackPlugin {
+    private opts;
+    constructor(opts?: RspackPluginOptions);
+    apply(compiler: any): void;
+}
+declare function tailwindStyledRspackPlugin(opts?: RspackPluginOptions): TailwindStyledRspackPlugin;
+
+export { type RspackPluginOptions, TailwindStyledRspackPlugin, tailwindStyledRspackPlugin as default, tailwindStyledRspackPlugin };