@dreamtree-org/twreact-ui 1.3.10 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamtree-org/twreact-ui",
-  "version": "1.3.10",
+  "version": "2.0.0",
   "description": "A comprehensive React + Tailwind components library for building modern web apps",
   "author": {
     "name": "Partha Preetham Krishna",
@@ -51,6 +51,8 @@
     "tokens/brands",
     "DESIGN.md",
     "ai-skills",
+    "codemods",
+    "!codemods/__tests__",
     "doc/assets/upi-qr.png",
     "package.json",
     "README.md"
@@ -83,12 +85,14 @@
     "ai-schema:check": "jest scripts/__tests__/ai-schema.test.mjs",
     "init:smoke": "node bin/smoke.mjs",
     "readme:check": "node scripts/readme-sync-check.mjs",
+    "design:lint": "node scripts/design-lint.mjs",
+    "e2e:mobile": "playwright test --project=mobile-iphone-13 --project=mobile-pixel-7",
     "adoption:report": "node scripts/adoption-report.mjs",
     "graph": "node scripts/graphify.mjs .",
     "graph:update": "node scripts/graphify.mjs . --update --no-viz",
     "graph:check": "node scripts/graphify.mjs check",
     "graph:context": "node scripts/graphify.mjs context",
-    "ci:check": "npm run readme:check && npm run type-check && npm run mcp:smoke && npm run mcp:snapshot:check && npm run mcp:dist:smoke && npm run skill:check && npm run init:smoke && npm run ai-schema:check"
+    "ci:check": "npm run readme:check && npm run type-check && npm run mcp:smoke && npm run mcp:snapshot:check && npm run mcp:dist:smoke && npm run skill:check && npm run init:smoke && npm run ai-schema:check && npm run design:lint"
   },
   "keywords": [
     "react",
@@ -184,6 +188,7 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-transform-stub": "^2.0.0",
+    "jscodeshift": "^17.4.0",
     "postcss": "^8.5.6",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

package/dist/esm/hooks/useSwipeToClose.js

@@ -1,66 +0,0 @@
-'use client';
-import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { useState, useRef, useCallback } from 'react';
-
-// Internal (not exported). Drag-down-to-dismiss for a bottom sheet. Spread
-// `dragProps` on the grab zone (handle + header), not the scrolling body, so a
-// swipe never fights the content's own scroll. Past `threshold` px (or a quick
-// flick) the drag calls onClose; otherwise the sheet snaps back.
-var FLICK_VELOCITY = 0.5; // px per ms
-function useSwipeToClose(_ref) {
-  var enabled = _ref.enabled,
-    onClose = _ref.onClose,
-    _ref$threshold = _ref.threshold,
-    threshold = _ref$threshold === void 0 ? 80 : _ref$threshold;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    offset = _useState2[0],
-    setOffset = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dragging = _useState4[0],
-    setDragging = _useState4[1];
-  var start = useRef(null);
-  var end = useCallback(function (e) {
-    if (!start.current) return;
-    var dy = Math.max(0, e.clientY - start.current.y);
-    var elapsed = Math.max(1, Date.now() - start.current.t);
-    start.current = null;
-    setDragging(false);
-    setOffset(0);
-    if (dy >= threshold || dy > 16 && dy / elapsed >= FLICK_VELOCITY) onClose === null || onClose === void 0 || onClose();
-  }, [onClose, threshold]);
-  if (!enabled) return {
-    dragProps: {},
-    offset: 0,
-    dragging: false
-  };
-  return {
-    offset: offset,
-    dragging: dragging,
-    dragProps: {
-      onPointerDown: function onPointerDown(e) {
-        var _e$currentTarget$setP, _e$currentTarget;
-        if (e.button !== undefined && e.button !== 0) return;
-        start.current = {
-          y: e.clientY,
-          t: Date.now()
-        };
-        setDragging(true);
-        (_e$currentTarget$setP = (_e$currentTarget = e.currentTarget).setPointerCapture) === null || _e$currentTarget$setP === void 0 || _e$currentTarget$setP.call(_e$currentTarget, e.pointerId);
-      },
-      onPointerMove: function onPointerMove(e) {
-        if (!start.current) return;
-        setOffset(Math.max(0, e.clientY - start.current.y));
-      },
-      onPointerUp: end,
-      onPointerCancel: function onPointerCancel() {
-        start.current = null;
-        setDragging(false);
-        setOffset(0);
-      }
-    }
-  };
-}
-
-export { useSwipeToClose };

package/dist/hooks/useSwipeToClose.d.ts

@@ -1,24 +0,0 @@
-export function useSwipeToClose({ enabled, onClose, threshold }: {
-    enabled: any;
-    onClose: any;
-    threshold?: number | undefined;
-}): {
-    dragProps: {
-        onPointerDown?: undefined;
-        onPointerMove?: undefined;
-        onPointerUp?: undefined;
-        onPointerCancel?: undefined;
-    };
-    offset: number;
-    dragging: boolean;
-} | {
-    offset: number;
-    dragging: boolean;
-    dragProps: {
-        onPointerDown: (e: any) => void;
-        onPointerMove: (e: any) => void;
-        onPointerUp: (e: any) => void;
-        onPointerCancel: () => void;
-    };
-};
-//# sourceMappingURL=useSwipeToClose.d.ts.map

package/dist/hooks/useSwipeToClose.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSwipeToClose.d.ts","sourceRoot":"","sources":["../../src/hooks/useSwipeToClose.js"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;;;;;;;;EA0CC"}