@usespaceui/squircle 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Space UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,291 @@
+<p align="center">
+  <a href="https://squircle.spaceui.one" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://squircle.spaceui.one/logo.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://squircle.spaceui.one/logo.svg">
+      <img alt="Space UI logo" src="https://squircle.spaceui.one/logo.svg" width="100" />
+    </picture>
+  </a>
+</p>
+
+<h1 align="center">
+  @usespaceui/squircle
+</h1>
+
+<p align="center">
+  Figma • iOS style corner smoothing using CSS Houdini Paint Worklet.
+</p>
+
+<p align="center">
+  <a href="https://squircle.spaceui.one">Preview</a> • 
+  <a href="https://github.com/usespaceui/squircle">Source Code</a> • 
+  <a href="https://www.spaceui.one">SpaceUI.one</a>
+</p>
+
+<p align="center">
+  <a href="https://github.com/usespaceui/squircle/blob/main/LICENSE">
+    <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="MIT License" />
+  </a>
+  <a href="https://twitter.com/intent/follow?screen_name=usespaceui">
+    <img src="https://img.shields.io/twitter/follow/usespaceui.svg?label=Follow%20@usespaceui" alt="Follow @usespaceui" />
+  </a>
+</p>
+
+<div align="center">
+  <a href="https://www.npmjs.com/package/@usespaceui/squircle">
+    <img src="https://img.shields.io/npm/v/@usespaceui/squircle?color=%23fa6400&label=version" />
+  </a>
+  <a href="https://www.npmjs.com/package/@usespaceui/squircle">
+    <img src="https://img.shields.io/npm/unpacked-size/%40usespaceui%2Fsquircle?label=install%20size">
+  </a>
+  <a href="https://www.npmjs.com/package/@usespaceui/squircle">
+    <img src="https://img.shields.io/bundlejs/size/%40usespaceui%2Fsquircle?format=min">
+  </a>
+  <a href="https://www.npmjs.com/package/@usespaceui/squircle">
+    <img src="https://img.shields.io/bundlejs/size/%40usespaceui%2Fsquircle">
+  </a>
+  <a href="https://github.com/usespaceui/squircle">
+    <img src="https://img.shields.io/github/repo-size/usespaceui/squircle">
+  </a>
+  <a href="https://www.npmjs.com/package/@usespaceui/squircle">
+    <img src="https://img.shields.io/npm/dm/@usespaceui/squircle" />
+  </a>
+  <a href="https://github.com/usespaceui/squircle/blob/main/LICENSE">
+    <img src="https://img.shields.io/npm/l/@usespaceui/squircle" />
+  </a>
+  <br><br>
+</div>
+
+---
+
+## ✨ Overview
+
+`@usespaceui/squircle` brings iOS-style squircles (mathematically perfect superellipses) to your Tailwind CSS projects. It mimics the continuous curvature corners found in Figma and Apple devices.
+By utilizing the CSS Houdini Paint Worklet API, it provides a native-like performance and seamlessly integrates with Tailwind CSS.
+
+---
+
+## 📦 Installation
+
+```bash
+pnpm add @usespaceui/squircle
+# or
+npm install @usespaceui/squircle
+# or
+yarn add @usespaceui/squircle
+```
+
+Zero dependencies. Add the plugin to your Tailwind configuration or import it directly (Tailwind).
+
+---
+
+## 🚀 Setup
+
+Because the plugin relies on a CSS Houdini worklet to draw the shape, you must initialize the script once in your app.
+
+### With React / Next.js
+
+Since the worklet interacts with the browser DOM, initialize it inside a Client Component provider.
+
+```tsx
+// components/SquircleProvider.tsx
+'use client'
+import * as React from 'react'
+import { initSquircle } from '@usespaceui/squircle'
+
+export function SquircleProvider({ children }: { children: React.ReactNode }) {
+  React.useEffect(() => {
+    initSquircle()
+  }, [])
+
+  return <>{children}</>
+}
+```
+
+Wrap your root layout:
+
+```tsx
+import { SquircleProvider } from './SquircleProvider'
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html>
+      <body>
+        <SquircleProvider>{children}</SquircleProvider>
+      </body>
+    </html>
+  )
+}
+```
+
+### With Vanilla JS
+
+Initialize the worklet directly in your client-side entry file:
+
+```js
+import { initSquircle } from '@usespaceui/squircle'
+
+if (typeof window !== 'undefined') {
+  initSquircle()
+}
+```
+
+## Configure Tailwind CSS 4
+
+Add the squircle plugin to your `tailwind.config.ts`.
+
+```css
+@import '@usespaceui/squircle';
+```
+
+### Configure Tailwind CSS 3
+
+Add the squircle plugin to your `tailwind.config.js` or `tailwind.config.ts`.
+
+```ts
+import squirclePlugin from '@usespaceui/squircle'
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./src/**/*.{js,ts,jsx,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [squirclePlugin],
+}
+```
+
+---
+
+## 🎨 Usage
+
+### 1. Sizing
+
+The plugin generates squircle utilities based on your existing Tailwind `borderRadius` theme. If your Tailwind config has `rounded-2xl`, you automatically have `squircle-2xl`.
+
+```html
+<div class="squircle-md p-4 bg-black text-white">Space UI Squircle!</div>
+<div class="squircle-2xl">...</div>
+<div class="squircle-full">...</div>
+<!-- Automatically clamped to pill/circle -->
+
+<!-- Arbitrary values are fully supported -->
+<div class="squircle-[40px]">...</div>
+```
+
+### 2. Smoothing Intensity
+
+By default, the plugin applies a **60% smooth transition** between the straight edge and the corner arc, perfectly matching Apple and Figma's native smoothing.
+
+You can adjust this intensity using modifiers (`/0`, `/20`, `/40`, `/60`, `/80`, `/100`).
+
+```html
+<!-- Maximum smoothing -->
+<div class="squircle-2xl/100">...</div>
+
+<!-- Minimal smoothing (closer to a plain rounded rectangle) -->
+<div class="squircle-2xl/20">...</div>
+
+<!-- Arbitrary smoothing -->
+<div class="squircle-2xl/[25]">...</div>
+```
+
+### 3. Native Borders (The Magic)
+
+Use standard Tailwind border utilities. The Houdini worklet reads your native CSS border classes and draws the squircle border perfectly. No workarounds needed.
+
+```html
+<!-- 8px red border -->
+<div class="squircle-2xl border-8 border-red-500 bg-black">...</div>
+
+<!-- 1px semi-transparent blue border -->
+<div class="squircle-[30px] border border-blue-500/50 bg-white">...</div>
+```
+
+> **Note on border placement:**
+> By default, the plugin draws the border **outside** the element (like an outline or a ring) to preserve the interior space for your content. If you want the border drawn inward (standard CSS border-box behavior), you can override the custom CSS variable:
+> `<div class="squircle-2xl border-4 border-red-500 [--tw-squircle-outset:0]">...</div>`
+
+---
+
+## 🛠 Advanced: Using with `tailwind-merge`
+
+If you use `tailwind-merge` (standard in UI libraries like `shadcn/ui` for their `cn()` utility), you should configure it so that `squircle-*` classes properly override standard `rounded-*` classes when both are applied.
+
+Extend your merge configuration to group `squircle` into the `rounded` class group:
+
+```ts
+import { clsx, type ClassValue } from 'clsx'
+import { extendTailwindMerge } from 'tailwind-merge'
+
+const customTwMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      rounded: [
+        { squircle: [() => true] }, // Merges any squircle-* class into the rounded group
+      ],
+    },
+  },
+})
+
+export function cn(...inputs: ClassValue[]) {
+  return customTwMerge(clsx(inputs))
+}
+```
+
+---
+
+## 🧰 Utilities Included
+
+- `initSquircle()`
+  Registers the CSS Houdini Paint Worklet and sets up the custom CSS properties (`--tw-squircle-w` and `--tw-squircle-smooth`). It is safe to call multiple times and fails gracefully in environments where Houdini is not supported.
+
+- `plugin(tailwindcss)`
+  The default export is a Tailwind CSS plugin that provides the `squircle-*` utility classes. It automatically provides fallback `border-radius` styles for browsers that don't support the Paint API.
+
+---
+
+### Features
+
+- 💃 **Native Tailwind Integration:** Use utility classes like `squircle-2xl` just like you would `rounded-2xl`. No framework-specific wrappers required and if the navigator don"'t support squricle the rounded value is applies.
+- ⚡ **Zero-JS Layout Thrashing:** Driven by the native CSS Paint API (Houdini). No `ResizeObserver`, no DOM manipulation, no SVG paths. Repaints happen instantly on the compositor thread.
+- 👌 **Framework Agnostic:** Works in React, Vue, Svelte, Solid, or plain HTML.
+
+---
+
+## 📦 Related Packages
+
+| Package                                                        | Description                             |
+| -------------------------------------------------------------- | --------------------------------------- |
+| [`@usespaceui/avatars`](https://github.com/usespaceui/avatars) | Generative deterministic avatars        |
+| [`@usespaceui/sounds`](https://github.com/usespaceui/sounds)   | UI sound effects and audio interactions |
+
+---
+
+## 🪪 License
+
+MIT — Free for commercial and personal use.
+
+---
+
+## 📚 Resources
+
+- 🔍 [Explore the squircles & Playground](https://squircle.spaceui.one)
+- 🌍 [Space UI Official Site](https://www.spaceui.one)
+
+---
+
+## 🛠 Maintenance
+
+If you find a bug or have a feature request, please open an [issue on GitHub](https://github.com/usespaceui/squircle/issues).
+Engine internals are intentionally not part of the public API.
+
+---
+
+<p align="center">
+  <a href="https://www.spaceui.one" target="_blank">
+    <img src="https://www.spaceui.one/favicon.ico" width="60" style="border-radius: 50%" alt="Space UI Logo" />
+  </a>
+  <br />
+  <b>Maintained by the Space UI Team</b>
+</p>

package/dist/index.d.mts

@@ -0,0 +1,6 @@
+import * as tailwindcss_plugin from 'tailwindcss/plugin';
+
+declare function initSquircle(): void;
+declare const _default: tailwindcss_plugin.PluginWithConfig;
+
+export { _default as default, initSquircle };

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import * as tailwindcss_plugin from 'tailwindcss/plugin';
+
+declare function initSquircle(): void;
+declare const _default: tailwindcss_plugin.PluginWithConfig;
+
+export { _default as default, initSquircle };

package/dist/index.js

@@ -0,0 +1,114 @@
+"use strict";var o=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var h=(r,t)=>{for(var i in t)o(r,i,{get:t[i],enumerable:!0})},m=(r,t,i,e)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of d(t))!p.call(r,s)&&s!==i&&o(r,s,{get:()=>t[s],enumerable:!(e=l(t,s))||e.enumerable});return r};var w=r=>m(o({},"__esModule",{value:!0}),r);var f={};h(f,{default:()=>S,initSquircle:()=>g});module.exports=w(f);function n(r,t){return{handler:r,config:t}}n.withOptions=function(r,t=()=>({})){function i(e){return{handler:r(e),config:t(e)}}return i.__isOptionsFunction=!0,i};var c=n;var u=`
+class SquirclePainter {
+  static get inputProperties() {
+    return ['--tw-squircle-w', '--tw-squircle-smooth'];
+  }
+  
+  paint(ctx, size, properties) {
+    const getProp = (name) => {
+      const p = properties.get(name);
+      return p ? p.toString().trim() : '';
+    };
+    
+    const radiusStr = getProp('--tw-squircle-w');
+    let radius = 0;
+    if (radiusStr.endsWith('%')) {
+      radius = (Math.min(size.width, size.height) * parseFloat(radiusStr)) / 100;
+    } else {
+      radius = parseFloat(radiusStr) || 0;
+    }
+    const smoothStr = getProp('--tw-squircle-smooth');
+    let smooth = parseFloat(smoothStr);
+    if (isNaN(smooth)) smooth = 0.6;
+    
+    radius = Math.min(radius, size.width / 2, size.height / 2);
+    
+    this.drawSquircle(ctx, size.width, size.height, radius, smooth);
+    ctx.fillStyle = 'black';
+    ctx.fill();
+  }
+  
+  drawSquircle(ctx, width, height, radius, smooth) {
+    const n = 2 + smooth * 2;
+    const steps = 30;
+    const step = Math.PI / 2 / steps;
+    ctx.beginPath();
+    for (let i = 0; i <= steps; i++) {
+      const t = Math.PI / 2 - i * step;
+      const X = radius * Math.pow(Math.cos(t), 2 / n);
+      const Y = radius * Math.pow(Math.sin(t), 2 / n);
+      const x = width - radius + X;
+      const y = radius - Y;
+      if (i === 0) ctx.moveTo(x, y);
+      else ctx.lineTo(x, y);
+    }
+    for (let i = 0; i <= steps; i++) {
+      const t = i * step;
+      const X = radius * Math.pow(Math.cos(t), 2 / n);
+      const Y = radius * Math.pow(Math.sin(t), 2 / n);
+      ctx.lineTo(width - radius + X, height - radius + Y);
+    }
+    for (let i = 0; i <= steps; i++) {
+      const t = Math.PI / 2 - i * step;
+      const X = radius * Math.pow(Math.cos(t), 2 / n);
+      const Y = radius * Math.pow(Math.sin(t), 2 / n);
+      ctx.lineTo(radius - X, height - radius + Y);
+    }
+    for (let i = 0; i <= steps; i++) {
+      const t = i * step;
+      const X = radius * Math.pow(Math.cos(t), 2 / n);
+      const Y = radius * Math.pow(Math.sin(t), 2 / n);
+      ctx.lineTo(radius - X, radius - Y);
+    }
+    ctx.closePath();
+  }
+}
+
+class SquircleBorderPainter extends SquirclePainter {
+  static get inputProperties() {
+    return [
+      '--tw-squircle-w', 
+      '--tw-squircle-smooth',
+      'border-top-width',
+      'border-top-color'
+    ];
+  }
+  
+  paint(ctx, size, properties) {
+    const getProp = (name) => {
+      const p = properties.get(name);
+      return p ? p.toString().trim() : '';
+    };
+
+    const radiusStr = getProp('--tw-squircle-w');
+    let radius = 0;
+    if (radiusStr.endsWith('%')) {
+      radius = (Math.min(size.width, size.height) * parseFloat(radiusStr)) / 100;
+    } else {
+      radius = parseFloat(radiusStr) || 0;
+    }
+    const smoothStr = getProp('--tw-squircle-smooth');
+    let smooth = parseFloat(smoothStr);
+    if (isNaN(smooth)) smooth = 0.6;
+    
+    radius = Math.min(radius, size.width / 2, size.height / 2);
+    
+    const bwStr = getProp('border-top-width');
+    const bw = parseFloat(bwStr) || 0;
+    
+    if (bw <= 0) return;
+    
+    let color = getProp('border-top-color');
+    if (!color) color = 'black';
+    
+    this.drawSquircle(ctx, size.width, size.height, radius, smooth);
+    
+    ctx.lineWidth = bw * 2;
+    ctx.strokeStyle = color;
+    ctx.stroke();
+  }
+}
+
+registerPaint('squircle', SquirclePainter);
+registerPaint('squircle-border', SquircleBorderPainter);
+`;function g(){if(typeof window<"u"){if("registerProperty"in CSS)try{CSS.registerProperty({name:"--tw-squircle-w",syntax:"<length> | <percentage>",inherits:!0,initialValue:"0px"}),CSS.registerProperty({name:"--tw-squircle-smooth",syntax:"<number>",inherits:!0,initialValue:"0.6"})}catch{}if("paintWorklet"in CSS){let r=`data:application/javascript;charset=utf8,${encodeURIComponent(u)}`;CSS.paintWorklet.addModule(r).catch(t=>console.error("Squircle worklet failed",t))}}}var S=c(function({matchUtilities:r,theme:t}){r({squircle:(i,{modifier:e})=>{let s=.6;if(e){let a=parseFloat(e);isNaN(a)||(s=a/100)}return{"border-radius":i,"--tw-squircle-w":i,"--tw-squircle-smooth":s.toString(),"@supports (mask-image: paint(squircle))":{"border-radius":"0","mask-image":"paint(squircle)"},'&[class~="border"], &[class*=" border-"], &[class^="border-"]':{"@supports (mask-image: paint(squircle))":{"border-image-source":"paint(squircle-border)","border-image-slice":"0 fill","border-image-outset":"var(--tw-squircle-outset, 1)"}},"a&, input&, a &, input &":{"@supports (mask-image: paint(squircle))":{"border-radius":i,"mask-image":"none","background-image":"paint(squircle)","border-image-source":"none"}}}}},{values:t("borderRadius"),modifiers:{0:"0",20:"20",40:"40",60:"60",80:"80",100:"100"}})});0&&(module.exports={initSquircle});

package/dist/index.mjs

@@ -0,0 +1,114 @@
+function a(t,r){return{handler:t,config:r}}a.withOptions=function(t,r=()=>({})){function i(e){return{handler:t(e),config:r(e)}}return i.__isOptionsFunction=!0,i};var n=a;var c=`
+class SquirclePainter {
+  static get inputProperties() {
+    return ['--tw-squircle-w', '--tw-squircle-smooth'];
+  }
+  
+  paint(ctx, size, properties) {
+    const getProp = (name) => {
+      const p = properties.get(name);
+      return p ? p.toString().trim() : '';
+    };
+    
+    const radiusStr = getProp('--tw-squircle-w');
+    let radius = 0;
+    if (radiusStr.endsWith('%')) {
+      radius = (Math.min(size.width, size.height) * parseFloat(radiusStr)) / 100;
+    } else {
+      radius = parseFloat(radiusStr) || 0;
+    }
+    const smoothStr = getProp('--tw-squircle-smooth');
+    let smooth = parseFloat(smoothStr);
+    if (isNaN(smooth)) smooth = 0.6;
+    
+    radius = Math.min(radius, size.width / 2, size.height / 2);
+    
+    this.drawSquircle(ctx, size.width, size.height, radius, smooth);
+    ctx.fillStyle = 'black';
+    ctx.fill();
+  }
+  
+  drawSquircle(ctx, width, height, radius, smooth) {
+    const n = 2 + smooth * 2;
+    const steps = 30;
+    const step = Math.PI / 2 / steps;
+    ctx.beginPath();
+    for (let i = 0; i <= steps; i++) {
+      const t = Math.PI / 2 - i * step;
+      const X = radius * Math.pow(Math.cos(t), 2 / n);
+      const Y = radius * Math.pow(Math.sin(t), 2 / n);
+      const x = width - radius + X;
+      const y = radius - Y;
+      if (i === 0) ctx.moveTo(x, y);
+      else ctx.lineTo(x, y);
+    }
+    for (let i = 0; i <= steps; i++) {
+      const t = i * step;
+      const X = radius * Math.pow(Math.cos(t), 2 / n);
+      const Y = radius * Math.pow(Math.sin(t), 2 / n);
+      ctx.lineTo(width - radius + X, height - radius + Y);
+    }
+    for (let i = 0; i <= steps; i++) {
+      const t = Math.PI / 2 - i * step;
+      const X = radius * Math.pow(Math.cos(t), 2 / n);
+      const Y = radius * Math.pow(Math.sin(t), 2 / n);
+      ctx.lineTo(radius - X, height - radius + Y);
+    }
+    for (let i = 0; i <= steps; i++) {
+      const t = i * step;
+      const X = radius * Math.pow(Math.cos(t), 2 / n);
+      const Y = radius * Math.pow(Math.sin(t), 2 / n);
+      ctx.lineTo(radius - X, radius - Y);
+    }
+    ctx.closePath();
+  }
+}
+
+class SquircleBorderPainter extends SquirclePainter {
+  static get inputProperties() {
+    return [
+      '--tw-squircle-w', 
+      '--tw-squircle-smooth',
+      'border-top-width',
+      'border-top-color'
+    ];
+  }
+  
+  paint(ctx, size, properties) {
+    const getProp = (name) => {
+      const p = properties.get(name);
+      return p ? p.toString().trim() : '';
+    };
+
+    const radiusStr = getProp('--tw-squircle-w');
+    let radius = 0;
+    if (radiusStr.endsWith('%')) {
+      radius = (Math.min(size.width, size.height) * parseFloat(radiusStr)) / 100;
+    } else {
+      radius = parseFloat(radiusStr) || 0;
+    }
+    const smoothStr = getProp('--tw-squircle-smooth');
+    let smooth = parseFloat(smoothStr);
+    if (isNaN(smooth)) smooth = 0.6;
+    
+    radius = Math.min(radius, size.width / 2, size.height / 2);
+    
+    const bwStr = getProp('border-top-width');
+    const bw = parseFloat(bwStr) || 0;
+    
+    if (bw <= 0) return;
+    
+    let color = getProp('border-top-color');
+    if (!color) color = 'black';
+    
+    this.drawSquircle(ctx, size.width, size.height, radius, smooth);
+    
+    ctx.lineWidth = bw * 2;
+    ctx.strokeStyle = color;
+    ctx.stroke();
+  }
+}
+
+registerPaint('squircle', SquirclePainter);
+registerPaint('squircle-border', SquircleBorderPainter);
+`;function h(){if(typeof window<"u"){if("registerProperty"in CSS)try{CSS.registerProperty({name:"--tw-squircle-w",syntax:"<length> | <percentage>",inherits:!0,initialValue:"0px"}),CSS.registerProperty({name:"--tw-squircle-smooth",syntax:"<number>",inherits:!0,initialValue:"0.6"})}catch{}if("paintWorklet"in CSS){let t=`data:application/javascript;charset=utf8,${encodeURIComponent(c)}`;CSS.paintWorklet.addModule(t).catch(r=>console.error("Squircle worklet failed",r))}}}var m=n(function({matchUtilities:t,theme:r}){t({squircle:(i,{modifier:e})=>{let s=.6;if(e){let o=parseFloat(e);isNaN(o)||(s=o/100)}return{"border-radius":i,"--tw-squircle-w":i,"--tw-squircle-smooth":s.toString(),"@supports (mask-image: paint(squircle))":{"border-radius":"0","mask-image":"paint(squircle)"},'&[class~="border"], &[class*=" border-"], &[class^="border-"]':{"@supports (mask-image: paint(squircle))":{"border-image-source":"paint(squircle-border)","border-image-slice":"0 fill","border-image-outset":"var(--tw-squircle-outset, 1)"}},"a&, input&, a &, input &":{"@supports (mask-image: paint(squircle))":{"border-radius":i,"mask-image":"none","background-image":"paint(squircle)","border-image-source":"none"}}}}},{values:r("borderRadius"),modifiers:{0:"0",20:"20",40:"40",60:"60",80:"80",100:"100"}})});export{m as default,h as initSquircle};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@usespaceui/squircle",
+  "version": "0.1.0",
+  "files": [
+    "dist"
+  ],
+  "description": "Squircle geometry generator",
+  "keywords": [
+    "react",
+    "squircle",
+    "css",
+    "houdini",
+    "geometry",
+    "spaceui",
+    "corners",
+    "smooth"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/usespaceui/squircle.git"
+  },
+  "homepage": "https://squircle.spaceui.one",
+  "bugs": {
+    "url": "https://github.com/usespaceui/squircle/issues"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.18",
+    "react": "^19.2.8",
+    "tailwindcss": "^4.0.0",
+    "tsup": "^8.0.2",
+    "typescript": "^5.3.3"
+  }
+}