refactor!: reorganize package exports under tailwind/ panda/ stylex/ folders

BREAKING CHANGE: every public subpath has moved.

Old → new:
  @klinking/squircle/tw-plugin        → @klinking/squircle/tailwind
  @klinking/squircle/tw-merge-cfg     → @klinking/squircle/tailwind
                                        (now exports `squircleMergeConfig`
                                        as a named export from the same file)
  @klinking/squircle/tw-utils.css     → @klinking/squircle/tailwind/utils.css
  @klinking/squircle/squircle-radius.css → @klinking/squircle/tailwind/radius.css
  @klinking/squircle/panda-preset     → @klinking/squircle/panda
  @klinking/squircle/stylex           → @klinking/squircle/stylex (unchanged)

The Tailwind plugin and tailwind-merge config now ship from a single file
(`dist/tailwind/index.mjs`) — the plugin is the default export, the merge
config is a named export. Source files are renamed to match
(src/tailwind.ts, src/panda.ts, src/stylex.ts).

Updated:
- package.json exports
- vite-plus pack entries (folder/index pattern)
- generate-squircle-css.ts (writes into dist/tailwind/)
- test-utils.ts, squircle-radius.test.ts (new dist paths)
- website + examples imports
- README + sync-readme.sh (re-synced appendix to the new layout, added
  Path D for the StyleX integration)

All 183 package tests pass and the website builds + dev-renders against
the new dist layout.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: dogmar

README.md

@@ -21,23 +21,19 @@
   ],
   "type": "module",
   "exports": {
-    "./tw-utils.css": "./dist/tw-utils.css",
-    "./squircle-radius.css": "./dist/squircle-radius.css",
-    "./tw-merge-cfg": {
-      "types": "./dist/tw-merge-cfg.d.mts",
-      "import": "./dist/tw-merge-cfg.mjs"
+    "./tailwind": {
+      "types": "./dist/tailwind/index.d.mts",
+      "import": "./dist/tailwind/index.mjs"
     },
-    "./tw-plugin": {
-      "types": "./dist/tw-plugin.d.mts",
-      "import": "./dist/tw-plugin.mjs"
-    },
-    "./panda-preset": {
-      "types": "./dist/panda-preset.d.mts",
-      "import": "./dist/panda-preset.mjs"
+    "./tailwind/utils.css": "./dist/tailwind/utils.css",
+    "./tailwind/radius.css": "./dist/tailwind/radius.css",
+    "./panda": {
+      "types": "./dist/panda/index.d.mts",
+      "import": "./dist/panda/index.mjs"
     },
     "./stylex": {
-      "types": "./dist/stylex.d.mts",
-      "import": "./dist/stylex.mjs"
+      "types": "./dist/stylex/index.d.mts",
+      "import": "./dist/stylex/index.mjs"
     }
   },
   "scripts": {

package/package.json

@@ -57,13 +57,13 @@ function generateCss(): string {
 }
 
 const output = generateCss();
-const distDir = join(__dirname, "..", "dist");
-mkdirSync(distDir, { recursive: true });
-const outPath = join(distDir, "tw-utils.css");
+const tailwindDir = join(__dirname, "..", "dist", "tailwind");
+mkdirSync(tailwindDir, { recursive: true });
+const outPath = join(tailwindDir, "utils.css");
 writeFileSync(outPath, output);
 console.log(`Generated ${outPath} (skipping fmt)`);
 
 const radiusSrc = join(__dirname, "..", "src", "squircle-radius.css");
-const radiusDest = join(distDir, "squircle-radius.css");
+const radiusDest = join(tailwindDir, "radius.css");
 copyFileSync(radiusSrc, radiusDest);
 console.log(`Copied ${radiusDest}`);

package/scripts/generate-squircle-css.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from "vitest";
-import squirclePandaPreset from "./panda-preset";
+import squirclePandaPreset from "./panda";
 import { CAMEL_VARIANTS } from "./variants";
 
 describe("panda preset shape", () => {

…src/__snapshots__/tw-plugin.test.ts.snap …/src/__snapshots__/tailwind.test.ts.snappackage/src/__snapshots__/tw-plugin.test.ts.snap renamed to package/src/__snapshots__/tailwind.test.ts.snap package/src/__snapshots__/tw-plugin.test.ts.snap renamed to package/src/__snapshots__/tailwind.test.ts.snap

@@ -39,7 +39,7 @@ export interface SquirclePandaPreset {
  *
  * ```ts
  * import { defineConfig } from '@pandacss/dev'
- * import squirclePreset from '@klinking/squircle/panda-preset'
+ * import squirclePreset from '@klinking/squircle/panda'
  *
  * export default defineConfig({
  *   presets: ['@pandacss/dev/presets', squirclePreset()],

package/src/panda-preset.test.ts package/src/panda.test.tspackage/src/panda-preset.test.ts renamed to package/src/panda.test.ts

@@ -3,7 +3,7 @@ import { join } from "node:path";
 import { describe, expect, it } from "vitest";
 import { correctedRadius } from "./variants";
 
-const distPath = join(import.meta.dirname, "..", "dist", "squircle-radius.css");
+const distPath = join(import.meta.dirname, "..", "dist", "tailwind", "radius.css");
 
 describe("squircle-radius.css ships", () => {
   it("is copied into dist during build", () => {

package/src/panda-preset.ts package/src/panda.tspackage/src/panda-preset.ts renamed to package/src/panda.ts

@@ -49,10 +49,10 @@ function compileFromSource(source: string, filename: string) {
   };
 }
 
-const MODULE_PATH = `${import.meta.dirname}/squircle.stylex.ts`;
+const MODULE_PATH = `${import.meta.dirname}/stylex.ts`;
 const MODULE_SOURCE = readFileSync(MODULE_PATH, "utf8");
 
-describe("squircle.stylex", () => {
+describe("stylex", () => {
   const compiled = compileFromSource(MODULE_SOURCE, MODULE_PATH);
   const css = compiled.rules.map((r) => r[1].ltr).join("\n");