reshaped 3.8.4-canary.0 → 3.8.4-canary.1

package/dist/config/postcss.cjs

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.config = void 0;
+exports.default = getConfig;
+const path_1 = __importDefault(require("path"));
+const defaultThemeMediaCSSPath = path_1.default.resolve(__dirname, "../themes/reshaped/media.css");
+// Using [plugin]: { ...options } format here because it's supported by the most frameworks
+// - require('plugin') is not supported by Next
+// - ['plugin', options] is not supported by Vite
+exports.config = {
+    plugins: {
+        "@csstools/postcss-global-data": {
+            files: [defaultThemeMediaCSSPath],
+        },
+        "postcss-custom-media": {},
+        cssnano: { preset: ["default", { calc: false }] },
+    },
+};
+function getConfig(options) {
+    const { themeMediaCSSPath = defaultThemeMediaCSSPath } = options;
+    return {
+        plugins: {
+            "@csstools/postcss-global-data": {
+                files: [themeMediaCSSPath],
+            },
+            "postcss-custom-media": {},
+            cssnano: { preset: ["default", { calc: false }] },
+        },
+    };
+}

package/dist/config/postcss.d.cts

@@ -0,0 +1,28 @@
+export declare const config: {
+    plugins: {
+        "@csstools/postcss-global-data": {
+            files: string[];
+        };
+        "postcss-custom-media": {};
+        cssnano: {
+            preset: (string | {
+                calc: boolean;
+            })[];
+        };
+    };
+};
+export default function getConfig(options: {
+    themeMediaCSSPath?: string;
+}): {
+    plugins: {
+        "@csstools/postcss-global-data": {
+            files: string[];
+        };
+        "postcss-custom-media": {};
+        cssnano: {
+            preset: (string | {
+                calc: boolean;
+            })[];
+        };
+    };
+};

package/dist/hooks/useOnClickOutside.js

@@ -39,14 +39,18 @@ const useOnClickOutside = (refs, handler, options) => {
         if (disabled)
             return;
         const handleClick = (event) => {
-            if (event.button === 2)
+            if ("button" in event && event.button === 2)
                 return;
             if (isMouseDownInsideRef.current)
                 return;
             handlerRef.current?.(event);
         };
-        document.addEventListener("click", handleClick, { passive: true });
-        return () => document.removeEventListener("click", handleClick);
+        document.addEventListener("mouseup", handleClick, { passive: true });
+        document.addEventListener("touchend", handleClick, { passive: true });
+        return () => {
+            document.removeEventListener("mouseup", handleClick);
+            document.removeEventListener("touchend", handleClick);
+        };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [handlerRef, disabled, ...refs]);
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reshaped",
   "description": "Professionally crafted design system in React & Figma for building products of any scale and complexity",
-  "version": "3.8.4-canary.0",
+  "version": "3.8.4-canary.1",
   "license": "MIT",
   "email": "hello@reshaped.so",
   "homepage": "https://reshaped.so",
@@ -49,7 +49,8 @@
     },
     "./config/postcss": {
       "types": "./dist/config/postcss.d.ts",
-      "import": "./dist/config/postcss.js"
+      "import": "./dist/config/postcss.js",
+      "default": "./dist/config/postcss.cjs"
     },
     "./config/tailwind": {
       "types": "./dist/config/tailwind.d.ts",