@arun-dev/headless 0.4.0 → 2.0.0

package/dist/switch/index.js

@@ -1,11 +1,16 @@
+import {
+  useControlled
+} from "../chunk-UEIB3I3T.js";
+import {
+  retractActivationProps,
+  useButton
+} from "../chunk-ER7IAVR5.js";
 import {
   __export,
   booleanAttribute,
   disabledAttribute,
-  useButton,
-  useControlled,
   useRender
-} from "../chunk-I477HMLD.js";
+} from "../chunk-IGKX2XWC.js";
 
 // src/switch/index.parts.ts
 var index_parts_exports = {};
@@ -15,7 +20,7 @@ __export(index_parts_exports, {
 });
 
 // src/switch/root/SwitchRoot.tsx
-import { useMemo } from "react";
+import { cloneElement, useMemo } from "react";
 
 // src/switch/SwitchRootContext.ts
 import { createContext, useContext } from "react";
@@ -39,6 +44,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function SwitchRoot({
   checked: checkedProp,
   defaultChecked,
+  nativeButton,
   onCheckedChange,
   disabled = false,
   name,
@@ -55,29 +61,32 @@ function SwitchRoot({
     state: "checked"
   });
   const state = useMemo(() => ({ checked, disabled }), [checked, disabled]);
-  const isNativeButton = render === void 0 || render.type === "button";
-  const consumerProps = useButton({ disabled, native: isNativeButton, props: rest });
+  const isNativeButton = nativeButton ?? (render === void 0 || render.type === "button");
+  const { props: consumerProps, ref: buttonRef } = useButton({
+    disabled,
+    native: isNativeButton,
+    props: rest
+  });
+  const safeRender = disabled && !isNativeButton && render !== void 0 ? cloneElement(render, retractActivationProps(render.props)) : render;
   const element = useRender({
-    render,
+    render: safeRender,
     defaultTagName: "button",
     state,
     stateAttributes: switchStateAttributes,
-    props: [
-      {
-        type: "button",
-        role: "switch",
-        "aria-checked": checked,
-        className,
-        children,
-        onClick() {
-          if (disabled) return;
-          const next = !checked;
-          setChecked(next);
-          onCheckedChange?.(next);
-        }
-      },
-      consumerProps
-    ]
+    props: {
+      role: "switch",
+      "aria-checked": checked,
+      className,
+      children,
+      ref: buttonRef,
+      onClick() {
+        if (disabled) return;
+        const next = !checked;
+        setChecked(next);
+        onCheckedChange?.(next);
+      }
+    },
+    consumerProps
   });
   return /* @__PURE__ */ jsxs(SwitchRootContext.Provider, { value: state, children: [
     element,
@@ -98,7 +107,8 @@ function SwitchThumb({
     defaultTagName: "span",
     state,
     stateAttributes: switchStateAttributes,
-    props: [{ "aria-hidden": true, className, children }, rest]
+    props: { "aria-hidden": true, className, children },
+    consumerProps: rest
   });
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arun-dev/headless",
-  "version": "0.4.0",
+  "version": "2.0.0",
   "description": "Unstyled React behaviour primitives — render engine, controlled/uncontrolled state, and data-* state projection. Ships no CSS and no class names.",
   "license": "MIT",
   "type": "module",
@@ -34,6 +34,16 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./button": {
+      "import": {
+        "types": "./dist/button/index.d.ts",
+        "default": "./dist/button/index.js"
+      },
+      "require": {
+        "types": "./dist/button/index.d.cts",
+        "default": "./dist/button/index.cjs"
+      }
+    },
     "./switch": {
       "import": {
         "types": "./dist/switch/index.d.ts",