entasis 0.7.0 → 0.8.0

package/dist/utils/cva/merge.js

@@ -18,6 +18,7 @@
  *     `reverse` are modifiers; `shimmer-color|duration|spread|angle-*` are scales)
  *   - `state-layer` / `state-layer-none` exclude each other
  *   - `rounded-<step>-concentric` / `rounded-t|b-<step>-concentric` (join the core corner groups), the container side
+ *   - `px|py-<step>-concentric` (join the core `px` / `py` groups)
  *     needing nothing here — a `rounded-<step>` publishes its radius to its children by itself
  *   - `duration-*` / `ease-*` motion tokens
  *   - the semantic spacing scale (`p-md`, `gap-layout-lg`, ...) registered on
@@ -32,6 +33,7 @@
  */
 import { createCn, validators } from 'cn/config';
 const isConcentric = (value) => /^(?:xs|sm|md|lg|xl|2xl|3xl|4xl)-concentric$/.test(value);
+const isSpacingConcentric = (value) => /^(?:micro|xs|sm|md|lg|xl|layout-sm|layout-md|layout-lg|layout-xl)-concentric$/.test(value);
 /** Semantic spacing values usable wherever Tailwind accepts a spacing value. */
 const SEMANTIC_SPACING = [
     'micro',
@@ -85,7 +87,10 @@ export const mergeConfig = {
             // and last-wins against `rounded-lg`.
             rounded: [{ rounded: [isConcentric] }],
             'rounded-t': [{ 'rounded-t': [isConcentric] }],
-            'rounded-b': [{ 'rounded-b': [isConcentric] }]
+            'rounded-b': [{ 'rounded-b': [isConcentric] }],
+            // `px-md-concentric` is a padding like any other, so it joins the core `px` / `py` groups.
+            px: [{ px: [isSpacingConcentric] }],
+            py: [{ py: [isSpacingConcentric] }]
         },
         conflictingClassGroups: {
             // `raised-*`, `lift-*` and `shadow-*` all own the `--tw-shadow` slot.

package/dist/utils/pointerDrag.js

@@ -225,7 +225,13 @@ export const createPointerDrag = (options) => {
         const offPointerMove = on(node, 'pointermove', move);
         const offPointerUp = on(node, 'pointerup', end);
         const offPointerCancel = on(node, 'pointercancel', abort);
-        const offLostPointerCapture = on(node, 'lostpointercapture', abort);
+        // Only the node's own capture counts. A touch is implicitly captured by the element under
+        // it, so when an `on-activate` session takes the capture over, that descendant's
+        // `lostpointercapture` bubbles up here and must not abort the drag it just started.
+        const offLostPointerCapture = on(node, 'lostpointercapture', (event) => {
+            if (event.target === node)
+                abort(event);
+        });
         const offTouchMove = options.preventTouchMove === false
             ? () => { }
             : on(node, 'touchmove', (event) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "entasis",
-	"version": "0.7.0",
+	"version": "0.8.0",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev",