@kadoui/react 2.1.6 → 2.2.7

package/dist/utils/browser.d.ts

@@ -1,3 +1,3 @@
 export declare const getBrowserScrollbarWith: () => number;
-export declare const selectAccessibleChildren: (parent: HTMLElement) => HTMLElement[];
+export declare const selectAccessibleChildren: (scope: HTMLElement) => HTMLElement[];
 //# sourceMappingURL=browser.d.ts.map

package/dist/utils/browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../src/utils/browser.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,cAenC,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,QAAQ,WAAW,kBAY3D,CAAA"}
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../src/utils/browser.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,cAenC,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,OAAO,WAAW,kBAkC1D,CAAC"}

package/dist/utils/browser.js

@@ -9,13 +9,36 @@ export const getBrowserScrollbarWith = () => {
     outer.parentNode?.removeChild(outer);
     return scrollbarWidth;
 };
-export const selectAccessibleChildren = (parent) => {
-    const children = Array.from(parent.querySelectorAll(`
-      a:not([tabindex="-1"]),
-      input:not([disabled],[tabindex="-1"]),
-      select:not([disabled],[tabindex="-1"]),
-      textarea:not([disabled],[tabindex="-1"]),
-      button:not([disabled],[tabindex="-1"])
-    `));
-    return children;
+export const selectAccessibleChildren = (scope) => {
+    const FOCUSABLE_SELECTOR = `
+    a[href]:not([tabindex="-1"]),
+    button:not([disabled]):not([tabindex="-1"]),
+    input:not([type="hidden"]):not([disabled]):not([tabindex="-1"]),
+    select:not([disabled]):not([tabindex="-1"]),
+    textarea:not([disabled]):not([tabindex="-1"])
+  `;
+    const candidates = Array.from(scope.querySelectorAll(FOCUSABLE_SELECTOR));
+    return candidates.filter((el) => {
+        if (el.closest('[data-access-navigation="false"]'))
+            return false;
+        if ('disabled' in el && el.disabled)
+            return false;
+        if (el.closest('fieldset[disabled]'))
+            return false;
+        if (el.hidden)
+            return false;
+        if (el.closest('[hidden]'))
+            return false;
+        const style = window.getComputedStyle(el);
+        if (style.display === 'none')
+            return false;
+        if (style.visibility === 'hidden')
+            return false;
+        if (style.pointerEvents === 'none')
+            return false;
+        if (el.offsetParent === null && style.position !== 'fixed') {
+            return false;
+        }
+        return true;
+    });
 };

package/package.json

@@ -1,49 +1,48 @@
-{
-  "name": "@kadoui/react",
-  "version": "2.1.6",
-  "description": "Kadoui primitive components for React",
-  "author": "FarzadVav",
-  "license": "MIT",
-  "type": "module",
-  "repository": "https://github.com/FarzadVav/kadoui/packages/kadoui-react",
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "build": "tsc"
-  },
-  "exports": {
-    ".": "./dist/react-exports.js",
-    "./next": "./dist/next-exports.js",
-    "./utils": "./dist/utils-exports.js"
-  },
-  "keywords": [
-    "@kadoui/react",
-    "kado",
-    "ui",
-    "react",
-    "next",
-    "primitive",
-    "component"
-  ],
-  "dependencies": {
-    "next": "16.1.6",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
-    "@mantine/hooks": "8.3.14",
-    "framer-motion": "12.31.0",
-    "qrcode": "1.5.4",
-    "zustand": "5.0.11",
-    "nanoid": "5.1.6",
-    "clsx": "2.1.1",
-    "tailwind-merge": "3.4.0"
-  },
-  "devDependencies": {
-    "typescript": "5.9.3",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "@types/qrcode": "1.5.6"
-  },
-  "packageManager": "pnpm@10.25.0"
-}
+{
+  "name": "@kadoui/react",
+  "version": "2.2.7",
+  "description": "Kadoui primitive components for React",
+  "author": "FarzadVav",
+  "license": "MIT",
+  "type": "module",
+  "repository": "https://github.com/FarzadVav/kadoui/packages/kadoui-react",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": "./dist/react-exports.js",
+    "./next": "./dist/next-exports.js",
+    "./utils": "./dist/utils-exports.js"
+  },
+  "keywords": [
+    "@kadoui/react",
+    "kado",
+    "ui",
+    "react",
+    "next",
+    "primitive",
+    "component"
+  ],
+  "dependencies": {
+    "next": "16.1.6",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "@mantine/hooks": "8.3.14",
+    "framer-motion": "12.31.0",
+    "qrcode": "1.5.4",
+    "zustand": "5.0.11",
+    "nanoid": "5.1.6",
+    "clsx": "2.1.1",
+    "tailwind-merge": "3.4.0"
+  },
+  "devDependencies": {
+    "typescript": "5.9.3",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@types/qrcode": "1.5.6"
+  },
+  "scripts": {
+    "build": "tsc"
+  }
+}