@dinesh-gamage/react-scoped-css 2.0.0

package/dist/cli/init.d.mts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/cli/init.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/cli/init.js

@@ -0,0 +1,122 @@
+#!/usr/bin/env node
+// react-scoped-css v2 — https://github.com/dinesh-gamage/react-scoped-css
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// src/cli/init.ts
+var import_fs = __toESM(require("fs"));
+var import_path = __toESM(require("path"));
+function detectBundler(cwd) {
+  const pkgPath = import_path.default.join(cwd, "package.json");
+  if (!import_fs.default.existsSync(pkgPath)) return "unknown";
+  let pkg = {};
+  try {
+    pkg = JSON.parse(import_fs.default.readFileSync(pkgPath, "utf8"));
+  } catch {
+    return "unknown";
+  }
+  const allDeps = {
+    ...pkg.dependencies ?? {},
+    ...pkg.devDependencies ?? {}
+  };
+  if ("next" in allDeps) return "next";
+  if ("vite" in allDeps) return "vite";
+  if ("webpack" in allDeps) return "webpack";
+  return "unknown";
+}
+var snippets = {
+  vite: `
+// vite.config.ts
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { scopedCss } from 'react-scoped-css/vite';
+
+export default defineConfig({
+  plugins: [
+    react(),
+    scopedCss({ exclude: ['global-'] }),  // add your lib prefixes here
+  ],
+});
+`,
+  next: `
+// next.config.js
+const { withScopedCss } = require('react-scoped-css/next');
+
+module.exports = withScopedCss({
+  exclude: ['global-'],  // add your lib prefixes here
+})({
+  // ...your existing Next.js config
+});
+`,
+  webpack: `
+// webpack.config.js
+const { scopedCssWebpack } = require('react-scoped-css/webpack');
+const { babelPlugin, postcssPlugin } = scopedCssWebpack({
+  exclude: ['global-'],  // add your lib prefixes here
+});
+
+// In your module.rules, find the babel-loader rule and add babelPlugin:
+//   use: { loader: 'babel-loader', options: { plugins: [...existing, babelPlugin] } }
+//
+// Find the postcss-loader rule and add postcssPlugin:
+//   use: { loader: 'postcss-loader', options: { postcssOptions: { plugins: [...existing, postcssPlugin] } } }
+`,
+  unknown: `
+// Bundler not detected \u2014 choose the config that matches your setup:
+//
+// Vite:    import { scopedCss } from 'react-scoped-css/vite';
+// Next.js: const { withScopedCss } = require('react-scoped-css/next');
+// webpack: const { scopedCssWebpack } = require('react-scoped-css/webpack');
+//
+// See README for full setup instructions.
+`
+};
+function main() {
+  const cwd = process.cwd();
+  const bundler = detectBundler(cwd);
+  const snippet = snippets[bundler];
+  const label = bundler === "unknown" ? "Bundler not detected" : `Detected: ${bundler}`;
+  console.log("");
+  console.log(`react-scoped-css init \u2014 ${label}`);
+  console.log("\u2500".repeat(50));
+  console.log("");
+  console.log("Step 1 \u2014 Install:");
+  console.log("");
+  console.log("  npm install react-scoped-css");
+  console.log("");
+  console.log("Step 2 \u2014 Add to your config:");
+  console.log(snippet);
+  if (bundler !== "unknown") {
+    const configFile = bundler === "vite" ? "vite.config.ts (or vite.config.js)" : bundler === "next" ? "next.config.js" : "webpack.config.js";
+    console.log(`Paste the snippet above into ${configFile}.`);
+  }
+  console.log("");
+  console.log("That's it. Start your dev server and class names will be scoped automatically.");
+  console.log("");
+  console.log("To exclude component-library class names (e.g. uxp-, mantine-):");
+  console.log("  scopedCss({ exclude: ['uxp-', 'mantine-'] })");
+  console.log("");
+}
+main();
+//# sourceMappingURL=init.js.map

package/dist/cli/init.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/cli/init.ts"],"sourcesContent":["#!/usr/bin/env node\nimport fs from 'fs';\nimport path from 'path';\n\ntype Bundler = 'vite' | 'next' | 'webpack' | 'unknown';\n\nfunction detectBundler(cwd: string): Bundler {\n    const pkgPath = path.join(cwd, 'package.json');\n    if (!fs.existsSync(pkgPath)) return 'unknown';\n\n    let pkg: Record<string, unknown> = {};\n    try {\n        pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8')) as Record<string, unknown>;\n    } catch {\n        return 'unknown';\n    }\n\n    const allDeps = {\n        ...(pkg.dependencies as Record<string, string> ?? {}),\n        ...(pkg.devDependencies as Record<string, string> ?? {}),\n    };\n\n    if ('next' in allDeps) return 'next';\n    if ('vite' in allDeps) return 'vite';\n    if ('webpack' in allDeps) return 'webpack';\n    return 'unknown';\n}\n\nconst snippets: Record<Bundler, string> = {\n    vite: `\n// vite.config.ts\nimport { defineConfig } from 'vite';\nimport react from '@vitejs/plugin-react';\nimport { scopedCss } from 'react-scoped-css/vite';\n\nexport default defineConfig({\n  plugins: [\n    react(),\n    scopedCss({ exclude: ['global-'] }),  // add your lib prefixes here\n  ],\n});\n`,\n\n    next: `\n// next.config.js\nconst { withScopedCss } = require('react-scoped-css/next');\n\nmodule.exports = withScopedCss({\n  exclude: ['global-'],  // add your lib prefixes here\n})({\n  // ...your existing Next.js config\n});\n`,\n\n    webpack: `\n// webpack.config.js\nconst { scopedCssWebpack } = require('react-scoped-css/webpack');\nconst { babelPlugin, postcssPlugin } = scopedCssWebpack({\n  exclude: ['global-'],  // add your lib prefixes here\n});\n\n// In your module.rules, find the babel-loader rule and add babelPlugin:\n//   use: { loader: 'babel-loader', options: { plugins: [...existing, babelPlugin] } }\n//\n// Find the postcss-loader rule and add postcssPlugin:\n//   use: { loader: 'postcss-loader', options: { postcssOptions: { plugins: [...existing, postcssPlugin] } } }\n`,\n\n    unknown: `\n// Bundler not detected — choose the config that matches your setup:\n//\n// Vite:    import { scopedCss } from 'react-scoped-css/vite';\n// Next.js: const { withScopedCss } = require('react-scoped-css/next');\n// webpack: const { scopedCssWebpack } = require('react-scoped-css/webpack');\n//\n// See README for full setup instructions.\n`,\n};\n\nfunction main() {\n    const cwd = process.cwd();\n    const bundler = detectBundler(cwd);\n    const snippet = snippets[bundler];\n\n    const label = bundler === 'unknown' ? 'Bundler not detected' : `Detected: ${bundler}`;\n\n    console.log('');\n    console.log(`react-scoped-css init — ${label}`);\n    console.log('─'.repeat(50));\n    console.log('');\n    console.log('Step 1 — Install:');\n    console.log('');\n    console.log('  npm install react-scoped-css');\n    console.log('');\n    console.log('Step 2 — Add to your config:');\n    console.log(snippet);\n\n    if (bundler !== 'unknown') {\n        const configFile =\n            bundler === 'vite' ? 'vite.config.ts (or vite.config.js)' :\n            bundler === 'next' ? 'next.config.js' :\n            'webpack.config.js';\n        console.log(`Paste the snippet above into ${configFile}.`);\n    }\n\n    console.log('');\n    console.log('That\\'s it. Start your dev server and class names will be scoped automatically.');\n    console.log('');\n    console.log('To exclude component-library class names (e.g. uxp-, mantine-):');\n    console.log('  scopedCss({ exclude: [\\'uxp-\\', \\'mantine-\\'] })');\n    console.log('');\n}\n\nmain();\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,gBAAe;AACf,kBAAiB;AAIjB,SAAS,cAAc,KAAsB;AACzC,QAAM,UAAU,YAAAA,QAAK,KAAK,KAAK,cAAc;AAC7C,MAAI,CAAC,UAAAC,QAAG,WAAW,OAAO,EAAG,QAAO;AAEpC,MAAI,MAA+B,CAAC;AACpC,MAAI;AACA,UAAM,KAAK,MAAM,UAAAA,QAAG,aAAa,SAAS,MAAM,CAAC;AAAA,EACrD,QAAQ;AACJ,WAAO;AAAA,EACX;AAEA,QAAM,UAAU;AAAA,IACZ,GAAI,IAAI,gBAA0C,CAAC;AAAA,IACnD,GAAI,IAAI,mBAA6C,CAAC;AAAA,EAC1D;AAEA,MAAI,UAAU,QAAS,QAAO;AAC9B,MAAI,UAAU,QAAS,QAAO;AAC9B,MAAI,aAAa,QAAS,QAAO;AACjC,SAAO;AACX;AAEA,IAAM,WAAoC;AAAA,EACtC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcN,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWN,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcT,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASb;AAEA,SAAS,OAAO;AACZ,QAAM,MAAM,QAAQ,IAAI;AACxB,QAAM,UAAU,cAAc,GAAG;AACjC,QAAM,UAAU,SAAS,OAAO;AAEhC,QAAM,QAAQ,YAAY,YAAY,yBAAyB,aAAa,OAAO;AAEnF,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,gCAA2B,KAAK,EAAE;AAC9C,UAAQ,IAAI,SAAI,OAAO,EAAE,CAAC;AAC1B,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,wBAAmB;AAC/B,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,gCAAgC;AAC5C,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,mCAA8B;AAC1C,UAAQ,IAAI,OAAO;AAEnB,MAAI,YAAY,WAAW;AACvB,UAAM,aACF,YAAY,SAAS,uCACrB,YAAY,SAAS,mBACrB;AACJ,YAAQ,IAAI,gCAAgC,UAAU,GAAG;AAAA,EAC7D;AAEA,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,gFAAiF;AAC7F,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,iEAAiE;AAC7E,UAAQ,IAAI,gDAAoD;AAChE,UAAQ,IAAI,EAAE;AAClB;AAEA,KAAK;","names":["path","fs"]}

package/dist/cli/init.mjs

@@ -0,0 +1,99 @@
+#!/usr/bin/env node
+// react-scoped-css v2 — https://github.com/dinesh-gamage/react-scoped-css
+
+// src/cli/init.ts
+import fs from "fs";
+import path from "path";
+function detectBundler(cwd) {
+  const pkgPath = path.join(cwd, "package.json");
+  if (!fs.existsSync(pkgPath)) return "unknown";
+  let pkg = {};
+  try {
+    pkg = JSON.parse(fs.readFileSync(pkgPath, "utf8"));
+  } catch {
+    return "unknown";
+  }
+  const allDeps = {
+    ...pkg.dependencies ?? {},
+    ...pkg.devDependencies ?? {}
+  };
+  if ("next" in allDeps) return "next";
+  if ("vite" in allDeps) return "vite";
+  if ("webpack" in allDeps) return "webpack";
+  return "unknown";
+}
+var snippets = {
+  vite: `
+// vite.config.ts
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { scopedCss } from 'react-scoped-css/vite';
+
+export default defineConfig({
+  plugins: [
+    react(),
+    scopedCss({ exclude: ['global-'] }),  // add your lib prefixes here
+  ],
+});
+`,
+  next: `
+// next.config.js
+const { withScopedCss } = require('react-scoped-css/next');
+
+module.exports = withScopedCss({
+  exclude: ['global-'],  // add your lib prefixes here
+})({
+  // ...your existing Next.js config
+});
+`,
+  webpack: `
+// webpack.config.js
+const { scopedCssWebpack } = require('react-scoped-css/webpack');
+const { babelPlugin, postcssPlugin } = scopedCssWebpack({
+  exclude: ['global-'],  // add your lib prefixes here
+});
+
+// In your module.rules, find the babel-loader rule and add babelPlugin:
+//   use: { loader: 'babel-loader', options: { plugins: [...existing, babelPlugin] } }
+//
+// Find the postcss-loader rule and add postcssPlugin:
+//   use: { loader: 'postcss-loader', options: { postcssOptions: { plugins: [...existing, postcssPlugin] } } }
+`,
+  unknown: `
+// Bundler not detected \u2014 choose the config that matches your setup:
+//
+// Vite:    import { scopedCss } from 'react-scoped-css/vite';
+// Next.js: const { withScopedCss } = require('react-scoped-css/next');
+// webpack: const { scopedCssWebpack } = require('react-scoped-css/webpack');
+//
+// See README for full setup instructions.
+`
+};
+function main() {
+  const cwd = process.cwd();
+  const bundler = detectBundler(cwd);
+  const snippet = snippets[bundler];
+  const label = bundler === "unknown" ? "Bundler not detected" : `Detected: ${bundler}`;
+  console.log("");
+  console.log(`react-scoped-css init \u2014 ${label}`);
+  console.log("\u2500".repeat(50));
+  console.log("");
+  console.log("Step 1 \u2014 Install:");
+  console.log("");
+  console.log("  npm install react-scoped-css");
+  console.log("");
+  console.log("Step 2 \u2014 Add to your config:");
+  console.log(snippet);
+  if (bundler !== "unknown") {
+    const configFile = bundler === "vite" ? "vite.config.ts (or vite.config.js)" : bundler === "next" ? "next.config.js" : "webpack.config.js";
+    console.log(`Paste the snippet above into ${configFile}.`);
+  }
+  console.log("");
+  console.log("That's it. Start your dev server and class names will be scoped automatically.");
+  console.log("");
+  console.log("To exclude component-library class names (e.g. uxp-, mantine-):");
+  console.log("  scopedCss({ exclude: ['uxp-', 'mantine-'] })");
+  console.log("");
+}
+main();
+//# sourceMappingURL=init.mjs.map

package/dist/cli/init.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/cli/init.ts"],"sourcesContent":["#!/usr/bin/env node\nimport fs from 'fs';\nimport path from 'path';\n\ntype Bundler = 'vite' | 'next' | 'webpack' | 'unknown';\n\nfunction detectBundler(cwd: string): Bundler {\n    const pkgPath = path.join(cwd, 'package.json');\n    if (!fs.existsSync(pkgPath)) return 'unknown';\n\n    let pkg: Record<string, unknown> = {};\n    try {\n        pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8')) as Record<string, unknown>;\n    } catch {\n        return 'unknown';\n    }\n\n    const allDeps = {\n        ...(pkg.dependencies as Record<string, string> ?? {}),\n        ...(pkg.devDependencies as Record<string, string> ?? {}),\n    };\n\n    if ('next' in allDeps) return 'next';\n    if ('vite' in allDeps) return 'vite';\n    if ('webpack' in allDeps) return 'webpack';\n    return 'unknown';\n}\n\nconst snippets: Record<Bundler, string> = {\n    vite: `\n// vite.config.ts\nimport { defineConfig } from 'vite';\nimport react from '@vitejs/plugin-react';\nimport { scopedCss } from 'react-scoped-css/vite';\n\nexport default defineConfig({\n  plugins: [\n    react(),\n    scopedCss({ exclude: ['global-'] }),  // add your lib prefixes here\n  ],\n});\n`,\n\n    next: `\n// next.config.js\nconst { withScopedCss } = require('react-scoped-css/next');\n\nmodule.exports = withScopedCss({\n  exclude: ['global-'],  // add your lib prefixes here\n})({\n  // ...your existing Next.js config\n});\n`,\n\n    webpack: `\n// webpack.config.js\nconst { scopedCssWebpack } = require('react-scoped-css/webpack');\nconst { babelPlugin, postcssPlugin } = scopedCssWebpack({\n  exclude: ['global-'],  // add your lib prefixes here\n});\n\n// In your module.rules, find the babel-loader rule and add babelPlugin:\n//   use: { loader: 'babel-loader', options: { plugins: [...existing, babelPlugin] } }\n//\n// Find the postcss-loader rule and add postcssPlugin:\n//   use: { loader: 'postcss-loader', options: { postcssOptions: { plugins: [...existing, postcssPlugin] } } }\n`,\n\n    unknown: `\n// Bundler not detected — choose the config that matches your setup:\n//\n// Vite:    import { scopedCss } from 'react-scoped-css/vite';\n// Next.js: const { withScopedCss } = require('react-scoped-css/next');\n// webpack: const { scopedCssWebpack } = require('react-scoped-css/webpack');\n//\n// See README for full setup instructions.\n`,\n};\n\nfunction main() {\n    const cwd = process.cwd();\n    const bundler = detectBundler(cwd);\n    const snippet = snippets[bundler];\n\n    const label = bundler === 'unknown' ? 'Bundler not detected' : `Detected: ${bundler}`;\n\n    console.log('');\n    console.log(`react-scoped-css init — ${label}`);\n    console.log('─'.repeat(50));\n    console.log('');\n    console.log('Step 1 — Install:');\n    console.log('');\n    console.log('  npm install react-scoped-css');\n    console.log('');\n    console.log('Step 2 — Add to your config:');\n    console.log(snippet);\n\n    if (bundler !== 'unknown') {\n        const configFile =\n            bundler === 'vite' ? 'vite.config.ts (or vite.config.js)' :\n            bundler === 'next' ? 'next.config.js' :\n            'webpack.config.js';\n        console.log(`Paste the snippet above into ${configFile}.`);\n    }\n\n    console.log('');\n    console.log('That\\'s it. Start your dev server and class names will be scoped automatically.');\n    console.log('');\n    console.log('To exclude component-library class names (e.g. uxp-, mantine-):');\n    console.log('  scopedCss({ exclude: [\\'uxp-\\', \\'mantine-\\'] })');\n    console.log('');\n}\n\nmain();\n"],"mappings":";;;;AACA,OAAO,QAAQ;AACf,OAAO,UAAU;AAIjB,SAAS,cAAc,KAAsB;AACzC,QAAM,UAAU,KAAK,KAAK,KAAK,cAAc;AAC7C,MAAI,CAAC,GAAG,WAAW,OAAO,EAAG,QAAO;AAEpC,MAAI,MAA+B,CAAC;AACpC,MAAI;AACA,UAAM,KAAK,MAAM,GAAG,aAAa,SAAS,MAAM,CAAC;AAAA,EACrD,QAAQ;AACJ,WAAO;AAAA,EACX;AAEA,QAAM,UAAU;AAAA,IACZ,GAAI,IAAI,gBAA0C,CAAC;AAAA,IACnD,GAAI,IAAI,mBAA6C,CAAC;AAAA,EAC1D;AAEA,MAAI,UAAU,QAAS,QAAO;AAC9B,MAAI,UAAU,QAAS,QAAO;AAC9B,MAAI,aAAa,QAAS,QAAO;AACjC,SAAO;AACX;AAEA,IAAM,WAAoC;AAAA,EACtC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcN,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWN,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcT,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASb;AAEA,SAAS,OAAO;AACZ,QAAM,MAAM,QAAQ,IAAI;AACxB,QAAM,UAAU,cAAc,GAAG;AACjC,QAAM,UAAU,SAAS,OAAO;AAEhC,QAAM,QAAQ,YAAY,YAAY,yBAAyB,aAAa,OAAO;AAEnF,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,gCAA2B,KAAK,EAAE;AAC9C,UAAQ,IAAI,SAAI,OAAO,EAAE,CAAC;AAC1B,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,wBAAmB;AAC/B,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,gCAAgC;AAC5C,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,mCAA8B;AAC1C,UAAQ,IAAI,OAAO;AAEnB,MAAI,YAAY,WAAW;AACvB,UAAM,aACF,YAAY,SAAS,uCACrB,YAAY,SAAS,mBACrB;AACJ,YAAQ,IAAI,gCAAgC,UAAU,GAAG;AAAA,EAC7D;AAEA,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,gFAAiF;AAC7F,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,iEAAiE;AAC7E,UAAQ,IAAI,gDAAoD;AAChE,UAAQ,IAAI,EAAE;AAClB;AAEA,KAAK;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,16 @@
+export { S as ScopedCssOptions } from './options-DBNexJk6.mjs';
+
+/**
+ * Runtime helper injected by the Babel plugin for dynamic className expressions.
+ *
+ * Appends `-{hash}` to every class name token in `value`. Handles strings,
+ * arrays, null, and undefined gracefully. Static string literals never reach
+ * this function — the Babel plugin inlines the hash at compile time.
+ *
+ * @param value   The dynamic className value from JSX.
+ * @param hash    The 8-char file hash generated at compile time.
+ * @param exclude Class name prefixes to leave unscoped.
+ */
+declare function scopeClass(value: string | string[] | null | undefined, hash: string, exclude?: string[]): string;
+
+export { scopeClass };

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+export { S as ScopedCssOptions } from './options-DBNexJk6.js';
+
+/**
+ * Runtime helper injected by the Babel plugin for dynamic className expressions.
+ *
+ * Appends `-{hash}` to every class name token in `value`. Handles strings,
+ * arrays, null, and undefined gracefully. Static string literals never reach
+ * this function — the Babel plugin inlines the hash at compile time.
+ *
+ * @param value   The dynamic className value from JSX.
+ * @param hash    The 8-char file hash generated at compile time.
+ * @param exclude Class name prefixes to leave unscoped.
+ */
+declare function scopeClass(value: string | string[] | null | undefined, hash: string, exclude?: string[]): string;
+
+export { scopeClass };

package/dist/index.js

@@ -0,0 +1,43 @@
+// react-scoped-css v2 — https://github.com/dinesh-gamage/react-scoped-css
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  scopeClass: () => scopeClass
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/classNames.ts
+function scopeClass(value, hash, exclude = []) {
+  if (value == null) return "";
+  if (Array.isArray(value)) {
+    return value.map((v) => scopeClass(v, hash, exclude)).filter(Boolean).join(" ");
+  }
+  return value.split(/\s+/).filter(Boolean).map((cls) => {
+    if (exclude.some((prefix) => cls.startsWith(prefix))) return cls;
+    return `${cls}-${hash}`;
+  }).join(" ");
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  scopeClass
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/classNames.ts"],"sourcesContent":["export { scopeClass } from './classNames';\nexport type { ScopedCssOptions } from './shared/options';\n","/**\n * Runtime helper injected by the Babel plugin for dynamic className expressions.\n *\n * Appends `-{hash}` to every class name token in `value`. Handles strings,\n * arrays, null, and undefined gracefully. Static string literals never reach\n * this function — the Babel plugin inlines the hash at compile time.\n *\n * @param value   The dynamic className value from JSX.\n * @param hash    The 8-char file hash generated at compile time.\n * @param exclude Class name prefixes to leave unscoped.\n */\nexport function scopeClass(\n    value: string | string[] | null | undefined,\n    hash: string,\n    exclude: string[] = [],\n): string {\n    if (value == null) return '';\n    if (Array.isArray(value)) {\n        return value.map(v => scopeClass(v, hash, exclude)).filter(Boolean).join(' ');\n    }\n    return value\n        .split(/\\s+/)\n        .filter(Boolean)\n        .map(cls => {\n            if (exclude.some(prefix => cls.startsWith(prefix))) return cls;\n            return `${cls}-${hash}`;\n        })\n        .join(' ');\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACWO,SAAS,WACZ,OACA,MACA,UAAoB,CAAC,GACf;AACN,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,MAAM,QAAQ,KAAK,GAAG;AACtB,WAAO,MAAM,IAAI,OAAK,WAAW,GAAG,MAAM,OAAO,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,EAChF;AACA,SAAO,MACF,MAAM,KAAK,EACX,OAAO,OAAO,EACd,IAAI,SAAO;AACR,QAAI,QAAQ,KAAK,YAAU,IAAI,WAAW,MAAM,CAAC,EAAG,QAAO;AAC3D,WAAO,GAAG,GAAG,IAAI,IAAI;AAAA,EACzB,CAAC,EACA,KAAK,GAAG;AACjB;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,17 @@
+// react-scoped-css v2 — https://github.com/dinesh-gamage/react-scoped-css
+
+// src/classNames.ts
+function scopeClass(value, hash, exclude = []) {
+  if (value == null) return "";
+  if (Array.isArray(value)) {
+    return value.map((v) => scopeClass(v, hash, exclude)).filter(Boolean).join(" ");
+  }
+  return value.split(/\s+/).filter(Boolean).map((cls) => {
+    if (exclude.some((prefix) => cls.startsWith(prefix))) return cls;
+    return `${cls}-${hash}`;
+  }).join(" ");
+}
+export {
+  scopeClass
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/classNames.ts"],"sourcesContent":["/**\n * Runtime helper injected by the Babel plugin for dynamic className expressions.\n *\n * Appends `-{hash}` to every class name token in `value`. Handles strings,\n * arrays, null, and undefined gracefully. Static string literals never reach\n * this function — the Babel plugin inlines the hash at compile time.\n *\n * @param value   The dynamic className value from JSX.\n * @param hash    The 8-char file hash generated at compile time.\n * @param exclude Class name prefixes to leave unscoped.\n */\nexport function scopeClass(\n    value: string | string[] | null | undefined,\n    hash: string,\n    exclude: string[] = [],\n): string {\n    if (value == null) return '';\n    if (Array.isArray(value)) {\n        return value.map(v => scopeClass(v, hash, exclude)).filter(Boolean).join(' ');\n    }\n    return value\n        .split(/\\s+/)\n        .filter(Boolean)\n        .map(cls => {\n            if (exclude.some(prefix => cls.startsWith(prefix))) return cls;\n            return `${cls}-${hash}`;\n        })\n        .join(' ');\n}\n"],"mappings":";;;AAWO,SAAS,WACZ,OACA,MACA,UAAoB,CAAC,GACf;AACN,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,MAAM,QAAQ,KAAK,GAAG;AACtB,WAAO,MAAM,IAAI,OAAK,WAAW,GAAG,MAAM,OAAO,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,EAChF;AACA,SAAO,MACF,MAAM,KAAK,EACX,OAAO,OAAO,EACd,IAAI,SAAO;AACR,QAAI,QAAQ,KAAK,YAAU,IAAI,WAAW,MAAM,CAAC,EAAG,QAAO;AAC3D,WAAO,GAAG,GAAG,IAAI,IAAI;AAAA,EACzB,CAAC,EACA,KAAK,GAAG;AACjB;","names":[]}

package/dist/options-DBNexJk6.d.mts

@@ -0,0 +1,25 @@
+interface ScopedCssOptions {
+    /**
+     * Class name prefixes to leave unscoped.
+     * Any class whose string value starts with one of these prefixes is left
+     * exactly as written — useful for component-library overrides.
+     * Default: []
+     *
+     * @example exclude: ['uxp-', 'global-']
+     */
+    exclude?: string[];
+    /**
+     * Override the auto-detected salt used in hash generation.
+     * Defaults to the `name` field from the nearest package.json.
+     * Set explicitly in monorepos or multi-app deployments to guarantee
+     * globally unique class names across apps.
+     */
+    salt?: string;
+    /**
+     * Number of hex characters in the generated hash suffix.
+     * Default: 8
+     */
+    hashLength?: number;
+}
+
+export type { ScopedCssOptions as S };

package/dist/options-DBNexJk6.d.ts

@@ -0,0 +1,25 @@
+interface ScopedCssOptions {
+    /**
+     * Class name prefixes to leave unscoped.
+     * Any class whose string value starts with one of these prefixes is left
+     * exactly as written — useful for component-library overrides.
+     * Default: []
+     *
+     * @example exclude: ['uxp-', 'global-']
+     */
+    exclude?: string[];
+    /**
+     * Override the auto-detected salt used in hash generation.
+     * Defaults to the `name` field from the nearest package.json.
+     * Set explicitly in monorepos or multi-app deployments to guarantee
+     * globally unique class names across apps.
+     */
+    salt?: string;
+    /**
+     * Number of hex characters in the generated hash suffix.
+     * Default: 8
+     */
+    hashLength?: number;
+}
+
+export type { ScopedCssOptions as S };

package/dist/postcss/index.d.mts

@@ -0,0 +1,17 @@
+import { PluginCreator } from 'postcss';
+import { S as ScopedCssOptions } from '../options-DBNexJk6.mjs';
+
+/**
+ * PostCSS plugin — appends `-{hash}` to every class selector in the file,
+ * unless the class name starts with an excluded prefix.
+ *
+ * Files whose path contains `.module.` are skipped entirely — they are already
+ * handled by CSS Modules and must not be double-processed.
+ *
+ * Usage (postcss.config.js):
+ *   const { scopedCssPostcss } = require('react-scoped-css/postcss');
+ *   module.exports = { plugins: [scopedCssPostcss({ exclude: ['uxp-'] })] };
+ */
+declare const plugin: PluginCreator<ScopedCssOptions>;
+
+export { plugin as default, plugin as scopedCssPostcss };

package/dist/postcss/index.d.ts

@@ -0,0 +1,17 @@
+import { PluginCreator } from 'postcss';
+import { S as ScopedCssOptions } from '../options-DBNexJk6.js';
+
+/**
+ * PostCSS plugin — appends `-{hash}` to every class selector in the file,
+ * unless the class name starts with an excluded prefix.
+ *
+ * Files whose path contains `.module.` are skipped entirely — they are already
+ * handled by CSS Modules and must not be double-processed.
+ *
+ * Usage (postcss.config.js):
+ *   const { scopedCssPostcss } = require('react-scoped-css/postcss');
+ *   module.exports = { plugins: [scopedCssPostcss({ exclude: ['uxp-'] })] };
+ */
+declare const plugin: PluginCreator<ScopedCssOptions>;
+
+export { plugin as default, plugin as scopedCssPostcss };

package/dist/postcss/index.js

@@ -0,0 +1,113 @@
+// react-scoped-css v2 — https://github.com/dinesh-gamage/react-scoped-css
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/postcss/index.ts
+var postcss_exports = {};
+__export(postcss_exports, {
+  default: () => postcss_default,
+  scopedCssPostcss: () => plugin
+});
+module.exports = __toCommonJS(postcss_exports);
+
+// src/shared/hash.ts
+var import_crypto = require("crypto");
+var import_fs = __toESM(require("fs"));
+var import_path = __toESM(require("path"));
+function findUpSync(filename, startDir) {
+  let dir = startDir;
+  while (true) {
+    const candidate = import_path.default.join(dir, filename);
+    if (import_fs.default.existsSync(candidate)) return candidate;
+    const parent = import_path.default.dirname(dir);
+    if (parent === dir) return void 0;
+    dir = parent;
+  }
+}
+function readPackageNameSync(pkgJsonPath) {
+  if (!pkgJsonPath) return "";
+  try {
+    const raw = import_fs.default.readFileSync(pkgJsonPath, "utf8");
+    const pkg = JSON.parse(raw);
+    return typeof pkg.name === "string" ? pkg.name : "";
+  } catch {
+    return "";
+  }
+}
+function generateHash(absoluteFilePath, salt, hashLength = 8) {
+  const pkgJsonPath = findUpSync("package.json", import_path.default.dirname(absoluteFilePath));
+  const projectRoot = pkgJsonPath ? import_path.default.dirname(pkgJsonPath) : process.cwd();
+  const relativeFilePath = import_path.default.relative(projectRoot, absoluteFilePath).replace(/\.[^./\\]+$/, "");
+  const effectiveSalt = salt ?? readPackageNameSync(pkgJsonPath);
+  return (0, import_crypto.createHash)("md5").update(relativeFilePath + effectiveSalt).digest("hex").slice(0, hashLength);
+}
+
+// src/shared/exclude.ts
+function isExcluded(className, excludePrefixes) {
+  if (excludePrefixes.length === 0) return false;
+  return excludePrefixes.some((prefix) => className.startsWith(prefix));
+}
+
+// src/postcss/index.ts
+var scssSyntax = require("postcss-scss");
+var CLASS_SELECTOR_RE = /\.(-?[_a-zA-Z][_a-zA-Z0-9-]*)/g;
+var plugin = (opts = {}) => {
+  const { exclude = [], salt, hashLength = 8 } = opts;
+  return {
+    postcssPlugin: "react-scoped-css",
+    prepare(result) {
+      const filePath = result.opts.from;
+      if (!filePath || filePath.includes(".module.")) {
+        return {};
+      }
+      if (/\.s[ac]ss$/i.test(filePath) && !result.opts.syntax) {
+        result.opts.syntax = scssSyntax;
+      }
+      const hash = generateHash(filePath, salt, hashLength);
+      return {
+        Rule(rule) {
+          rule.selector = rule.selector.replace(
+            CLASS_SELECTOR_RE,
+            (match, className) => {
+              if (isExcluded(className, exclude)) return match;
+              return `.${className}-${hash}`;
+            }
+          );
+        }
+      };
+    }
+  };
+};
+plugin.postcss = true;
+var postcss_default = plugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  scopedCssPostcss
+});
+//# sourceMappingURL=index.js.map

package/dist/postcss/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/postcss/index.ts","../../src/shared/hash.ts","../../src/shared/exclude.ts"],"sourcesContent":["import type { PluginCreator, Syntax } from 'postcss';\nimport { generateHash } from '../shared/hash';\nimport { isExcluded } from '../shared/exclude';\nimport type { ScopedCssOptions } from '../shared/options';\n\n// postcss-scss is a bundled dependency — use it automatically for .scss/.sass files\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst scssSyntax: Syntax = require('postcss-scss');\n\n// Matches a CSS class selector token: .foo, .foo-bar, ._private, etc.\n// Captures the class name without the leading dot.\nconst CLASS_SELECTOR_RE = /\\.(-?[_a-zA-Z][_a-zA-Z0-9-]*)/g;\n\n/**\n * PostCSS plugin — appends `-{hash}` to every class selector in the file,\n * unless the class name starts with an excluded prefix.\n *\n * Files whose path contains `.module.` are skipped entirely — they are already\n * handled by CSS Modules and must not be double-processed.\n *\n * Usage (postcss.config.js):\n *   const { scopedCssPostcss } = require('react-scoped-css/postcss');\n *   module.exports = { plugins: [scopedCssPostcss({ exclude: ['uxp-'] })] };\n */\nconst plugin: PluginCreator<ScopedCssOptions> = (opts: ScopedCssOptions = {}) => {\n    const { exclude = [], salt, hashLength = 8 } = opts;\n\n    return {\n        postcssPlugin: 'react-scoped-css',\n\n        prepare(result) {\n            const filePath = result.opts.from;\n\n            // Skip CSS Modules files — they are already scoped.\n            if (!filePath || filePath.includes('.module.')) {\n                return {};\n            }\n\n            // Apply SCSS syntax automatically for .scss/.sass files.\n            // This allows users to run postcss-loader without a separate syntax config.\n            if (/\\.s[ac]ss$/i.test(filePath) && !result.opts.syntax) {\n                result.opts.syntax = scssSyntax;\n            }\n\n            const hash = generateHash(filePath, salt, hashLength);\n\n            return {\n                Rule(rule) {\n                    rule.selector = rule.selector.replace(\n                        CLASS_SELECTOR_RE,\n                        (match, className: string) => {\n                            if (isExcluded(className, exclude)) return match;\n                            return `.${className}-${hash}`;\n                        },\n                    );\n                },\n            };\n        },\n    };\n};\n\nplugin.postcss = true;\n\nexport { plugin as scopedCssPostcss };\nexport default plugin;\n","import { createHash } from 'crypto';\nimport fs from 'fs';\nimport path from 'path';\n\n/** Walk up from `dir` looking for `filename`. Returns the first match or undefined. */\nfunction findUpSync(filename: string, startDir: string): string | undefined {\n    let dir = startDir;\n    while (true) {\n        const candidate = path.join(dir, filename);\n        if (fs.existsSync(candidate)) return candidate;\n        const parent = path.dirname(dir);\n        if (parent === dir) return undefined; // reached filesystem root\n        dir = parent;\n    }\n}\n\nfunction readPackageNameSync(pkgJsonPath: string | undefined): string {\n    if (!pkgJsonPath) return '';\n    try {\n        const raw = fs.readFileSync(pkgJsonPath, 'utf8');\n        const pkg = JSON.parse(raw) as { name?: string };\n        return typeof pkg.name === 'string' ? pkg.name : '';\n    } catch {\n        return '';\n    }\n}\n\n/**\n * Generate a stable 8-char hex hash for a source file.\n *\n * Uses the file's path relative to the nearest package.json root so the hash\n * is identical on every developer machine and in CI, regardless of where the\n * repo is cloned.\n *\n * @param absoluteFilePath  Absolute path to the source file being processed.\n * @param salt              Override the default salt (package.json \"name\").\n *                          Pass an explicit value to guarantee global uniqueness\n *                          across monorepos or multi-app deployments.\n * @param hashLength        Number of hex characters to use (default: 8).\n */\nexport function generateHash(\n    absoluteFilePath: string,\n    salt?: string,\n    hashLength = 8,\n): string {\n    const pkgJsonPath = findUpSync('package.json', path.dirname(absoluteFilePath));\n    const projectRoot = pkgJsonPath ? path.dirname(pkgJsonPath) : process.cwd();\n    // Strip extension so Card.tsx and Card.scss produce the same hash.\n    // A component's scope identity is its path without extension.\n    const relativeFilePath = path.relative(projectRoot, absoluteFilePath).replace(/\\.[^./\\\\]+$/, '');\n\n    const effectiveSalt = salt ?? readPackageNameSync(pkgJsonPath);\n\n    return createHash('md5')\n        .update(relativeFilePath + effectiveSalt)\n        .digest('hex')\n        .slice(0, hashLength);\n}\n","/**\n * Returns true if className should be left unscoped.\n *\n * A class is excluded when its string value starts with any of the configured\n * prefixes. This is the intended behaviour for component-library overrides:\n * `exclude: ['uxp-', 'global-']` leaves `uxp-button` and `global-header`\n * untouched while scoping everything else.\n */\nexport function isExcluded(className: string, excludePrefixes: string[]): boolean {\n    if (excludePrefixes.length === 0) return false;\n    return excludePrefixes.some(prefix => className.startsWith(prefix));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAA2B;AAC3B,gBAAe;AACf,kBAAiB;AAGjB,SAAS,WAAW,UAAkB,UAAsC;AACxE,MAAI,MAAM;AACV,SAAO,MAAM;AACT,UAAM,YAAY,YAAAA,QAAK,KAAK,KAAK,QAAQ;AACzC,QAAI,UAAAC,QAAG,WAAW,SAAS,EAAG,QAAO;AACrC,UAAM,SAAS,YAAAD,QAAK,QAAQ,GAAG;AAC/B,QAAI,WAAW,IAAK,QAAO;AAC3B,UAAM;AAAA,EACV;AACJ;AAEA,SAAS,oBAAoB,aAAyC;AAClE,MAAI,CAAC,YAAa,QAAO;AACzB,MAAI;AACA,UAAM,MAAM,UAAAC,QAAG,aAAa,aAAa,MAAM;AAC/C,UAAM,MAAM,KAAK,MAAM,GAAG;AAC1B,WAAO,OAAO,IAAI,SAAS,WAAW,IAAI,OAAO;AAAA,EACrD,QAAQ;AACJ,WAAO;AAAA,EACX;AACJ;AAeO,SAAS,aACZ,kBACA,MACA,aAAa,GACP;AACN,QAAM,cAAc,WAAW,gBAAgB,YAAAD,QAAK,QAAQ,gBAAgB,CAAC;AAC7E,QAAM,cAAc,cAAc,YAAAA,QAAK,QAAQ,WAAW,IAAI,QAAQ,IAAI;AAG1E,QAAM,mBAAmB,YAAAA,QAAK,SAAS,aAAa,gBAAgB,EAAE,QAAQ,eAAe,EAAE;AAE/F,QAAM,gBAAgB,QAAQ,oBAAoB,WAAW;AAE7D,aAAO,0BAAW,KAAK,EAClB,OAAO,mBAAmB,aAAa,EACvC,OAAO,KAAK,EACZ,MAAM,GAAG,UAAU;AAC5B;;;ACjDO,SAAS,WAAW,WAAmB,iBAAoC;AAC9E,MAAI,gBAAgB,WAAW,EAAG,QAAO;AACzC,SAAO,gBAAgB,KAAK,YAAU,UAAU,WAAW,MAAM,CAAC;AACtE;;;AFJA,IAAM,aAAqB,QAAQ,cAAc;AAIjD,IAAM,oBAAoB;AAa1B,IAAM,SAA0C,CAAC,OAAyB,CAAC,MAAM;AAC7E,QAAM,EAAE,UAAU,CAAC,GAAG,MAAM,aAAa,EAAE,IAAI;AAE/C,SAAO;AAAA,IACH,eAAe;AAAA,IAEf,QAAQ,QAAQ;AACZ,YAAM,WAAW,OAAO,KAAK;AAG7B,UAAI,CAAC,YAAY,SAAS,SAAS,UAAU,GAAG;AAC5C,eAAO,CAAC;AAAA,MACZ;AAIA,UAAI,cAAc,KAAK,QAAQ,KAAK,CAAC,OAAO,KAAK,QAAQ;AACrD,eAAO,KAAK,SAAS;AAAA,MACzB;AAEA,YAAM,OAAO,aAAa,UAAU,MAAM,UAAU;AAEpD,aAAO;AAAA,QACH,KAAK,MAAM;AACP,eAAK,WAAW,KAAK,SAAS;AAAA,YAC1B;AAAA,YACA,CAAC,OAAO,cAAsB;AAC1B,kBAAI,WAAW,WAAW,OAAO,EAAG,QAAO;AAC3C,qBAAO,IAAI,SAAS,IAAI,IAAI;AAAA,YAChC;AAAA,UACJ;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;AAEA,OAAO,UAAU;AAGjB,IAAO,kBAAQ;","names":["path","fs"]}