feat: Add Houdini CSS paint worklet for G2-continuous pill shapes - #38

Draft

dogmar wants to merge 33 commits into

mainfrom

claude/magical-rubin-2kxpdg

Commits on Sep 15, 2026

feat: Add Houdini CSS paint worklet for G2-continuous pill shapes
claude
committed
a416451
fix: Make paint worklet methods public for TypeScript compilation
claude
committed
5351d58
fix: Remove unused imports and variables
claude
committed
7748543
fix: format tailwind-pill.ts
claude
committed
dae05bb
docs: add pill shapes documentation with framework examples
claude
committed
ebfdcd4
feat: add visual demo components for pill shapes
claude
committed
1379100
fix: add pill shapes section to README table of contents
claude
committed
7cea1a0
Fix PillPandaDemo import error by using simple className strings
claude
committed
8162571
refactor: simplify pill utilities - auto-calculate radius from element size
claude
committed
e462131
build: add pill-test.html to .gitignore
claude
committed
4dd7de5

Commits on Sep 16, 2026

feat: add pill-test.html to repo for local testing
claude
committed
e5eb5bc
feat: add dev server script for pill shape testing
claude
committed
29163d0
fix: rename dev-pill.html to index.html for vite dev server
claude
committed
8e48bcc
chore: remove dev-pill.html (renamed to index.html)
claude
committed
65bae40
fix: build worklet before dev server in pill-dev task
claude
committed
92b3783
refactor: use vite-plus task dependencies for pill dev
claude
committed
9114e45
feat(pill): draw G2-continuous pill caps with a clothoid transition

dogmar
and
claude
committed
164d363
fix(pill): back off amount and falloff together, and sample by sagitta

dogmar
and
claude
committed
aa42d32
feat(pill): stop clamping the ease falloff to the clothoid

dogmar
and
claude
committed
8cbb69f
refactor(pill)!: rename the ease falloff to --pill-ease-spread, based at 0

dogmar
and
claude
committed
fe8f21f
feat(pill): default the ease spread to 1

dogmar
and
claude
committed
e60d4f9
fix(pill): fall back to a plain full radius, not a superellipse

dogmar
and
claude
committed
7674889
refactor(pill): use FULL_RADIUS for the no-worklet fallback

dogmar
and
claude
committed
19d28dd
fix(pill): make the utility self-sufficient, drop the inert attribute declaration

dogmar
and
claude
committed
59a9d6d
feat(pill)!: shape the element with a mask so any background works

dogmar
and
claude
committed
0c10b0a
docs(pill): demonstrate backgrounds and decorations on the dev page

dogmar
and
claude
committed
3d399cb

Commits on Sep 17, 2026

fix(pill): clip the stroke to its own outline so rings are even

dogmar
and
claude
committed
1263207
feat(pill): drive the drawn border's style from --tw-border-style

dogmar
and
claude
committed
32d8840
feat(pill)!: ship Tailwind-only, and teach border-* to drive the drawn border

dogmar
and
claude
committed
6218231
fix: format pill-shape.test.ts
claude
committed
1c48f5d
refactor(pill)!: namespace the pill custom properties, configurable at build time

dogmar
and
claude
committed
2e202bc
refactor!: default the namespace to "squircle", deprecate amtVar and rVar

dogmar
and
claude
committed
46e3cb7

Commits on Sep 18, 2026

docs: update pill shape documentation to reflect single-utility design
claude
committed
d588e08