feat: rename tailwind/radius.css to radius-function.css

The CSS @function file has nothing to do with Tailwind — move it to a
framework-agnostic export path: @klinking/squircle/radius-function.css

BREAKING CHANGE: import path changed from `@klinking/squircle/tailwind/radius.css`
to `@klinking/squircle/radius-function.css`.

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

Author: dogmar

README.md

@@ -400,7 +400,7 @@ import { squircle } from "@klinking/squircle/stylex";
 For the footure. Less total CSS than all those tailwind utilities. So beautiful. So utterly currently unusable.
 
 ```css
-@import "@klinking/squircle/tailwind/radius.css";
+@import "@klinking/squircle/radius-function.css";
 
 .card {
   --squircle-amt: 2;
@@ -753,9 +753,9 @@ If you'd rather not add a dependency, copy the source directly. Click to expand
 </details>
 
 <details>
-<summary><strong><code>tailwind/radius.css</code></strong> — the <code>squircle-radius()</code> CSS function</summary>
+<summary><strong><code>radius-function.css</code></strong> — the <code>squircle-radius()</code> CSS function</summary>
 
-<!-- BEGIN:dist/tailwind/radius.css -->
+<!-- BEGIN:dist/radius-function.css -->
 
 ```css
 /* ── squircle-radius() ────────────────────────────────────────
@@ -782,7 +782,7 @@ If you'd rather not add a dependency, copy the source directly. Click to expand
 }
 ```
 
-<!-- END:dist/tailwind/radius.css -->
+<!-- END:dist/radius-function.css -->
 
 </details>
 

package/package.json

@@ -26,7 +26,7 @@
       "import": "./dist/tailwind/index.mjs"
     },
     "./tailwind/utils.css": "./dist/tailwind/utils.css",
-    "./tailwind/radius.css": "./dist/tailwind/radius.css",
+    "./radius-function.css": "./dist/radius-function.css",
     "./panda": {
       "types": "./dist/panda/index.d.mts",
       "import": "./dist/panda/index.mjs"

package/scripts/generate-squircle-css.ts

@@ -64,6 +64,6 @@ writeFileSync(outPath, output);
 console.log(`Generated ${outPath} (skipping fmt)`);
 
 const radiusSrc = join(__dirname, "..", "src", "squircle-radius.css");
-const radiusDest = join(tailwindDir, "radius.css");
+const radiusDest = join(__dirname, "..", "dist", "radius-function.css");
 copyFileSync(radiusSrc, radiusDest);
 console.log(`Copied ${radiusDest}`);

package/src/squircle-radius.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", "tailwind", "radius.css");
+const distPath = join(import.meta.dirname, "..", "dist", "radius-function.css");
 
 describe("squircle-radius.css ships", () => {
   it("is copied into dist during build", () => {