@radix-ui/react-checkbox 1.0.4 → 1.1.0-rc.1

package/dist/index.d.mts

@@ -1,26 +1,38 @@
-import * as React from "react";
-import * as Radix from "@radix-ui/react-primitive";
-import { Primitive } from "@radix-ui/react-primitive";
-export const createCheckboxScope: import("@radix-ui/react-context").CreateScope;
-type CheckedState = boolean | 'indeterminate';
-type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
-export interface CheckboxProps extends Omit<PrimitiveButtonProps, 'checked' | 'defaultChecked'> {
+import * as React from 'react';
+import * as Radix from '@radix-ui/react-primitive';
+import { Primitive } from '@radix-ui/react-primitive';
+
+declare type Scope<C = any> = {
+    [scopeName: string]: React.Context<C>[];
+} | undefined;
+declare type ScopeHook = (scope: Scope) => {
+    [__scopeProp: string]: Scope;
+};
+interface CreateScope {
+    scopeName: string;
+    (): ScopeHook;
+}
+
+declare const createCheckboxScope: CreateScope;
+declare type CheckedState = boolean | 'indeterminate';
+declare type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface CheckboxProps extends Omit<PrimitiveButtonProps, 'checked' | 'defaultChecked'> {
     checked?: CheckedState;
     defaultChecked?: CheckedState;
     required?: boolean;
     onCheckedChange?(checked: CheckedState): void;
 }
-export const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
-type PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;
-export interface CheckboxIndicatorProps extends PrimitiveSpanProps {
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+declare type PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;
+interface CheckboxIndicatorProps extends PrimitiveSpanProps {
     /**
      * Used to force mounting when more control is needed. Useful when
      * controlling animation with React animation libraries.
      */
     forceMount?: true;
 }
-export const CheckboxIndicator: React.ForwardRefExoticComponent<CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
-export const Root: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
-export const Indicator: React.ForwardRefExoticComponent<CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+declare const CheckboxIndicator: React.ForwardRefExoticComponent<CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+declare const Root: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Indicator: React.ForwardRefExoticComponent<CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
 
-//# sourceMappingURL=index.d.ts.map
+export { Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxProps, Indicator, Root, createCheckboxScope };

package/dist/index.d.ts

@@ -1,26 +1,38 @@
-import * as React from "react";
-import * as Radix from "@radix-ui/react-primitive";
-import { Primitive } from "@radix-ui/react-primitive";
-export const createCheckboxScope: import("@radix-ui/react-context").CreateScope;
-type CheckedState = boolean | 'indeterminate';
-type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
-export interface CheckboxProps extends Omit<PrimitiveButtonProps, 'checked' | 'defaultChecked'> {
+import * as React from 'react';
+import * as Radix from '@radix-ui/react-primitive';
+import { Primitive } from '@radix-ui/react-primitive';
+
+declare type Scope<C = any> = {
+    [scopeName: string]: React.Context<C>[];
+} | undefined;
+declare type ScopeHook = (scope: Scope) => {
+    [__scopeProp: string]: Scope;
+};
+interface CreateScope {
+    scopeName: string;
+    (): ScopeHook;
+}
+
+declare const createCheckboxScope: CreateScope;
+declare type CheckedState = boolean | 'indeterminate';
+declare type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface CheckboxProps extends Omit<PrimitiveButtonProps, 'checked' | 'defaultChecked'> {
     checked?: CheckedState;
     defaultChecked?: CheckedState;
     required?: boolean;
     onCheckedChange?(checked: CheckedState): void;
 }
-export const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
-type PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;
-export interface CheckboxIndicatorProps extends PrimitiveSpanProps {
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+declare type PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;
+interface CheckboxIndicatorProps extends PrimitiveSpanProps {
     /**
      * Used to force mounting when more control is needed. Useful when
      * controlling animation with React animation libraries.
      */
     forceMount?: true;
 }
-export const CheckboxIndicator: React.ForwardRefExoticComponent<CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
-export const Root: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
-export const Indicator: React.ForwardRefExoticComponent<CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+declare const CheckboxIndicator: React.ForwardRefExoticComponent<CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+declare const Root: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Indicator: React.ForwardRefExoticComponent<CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
 
-//# sourceMappingURL=index.d.ts.map
+export { Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxProps, Indicator, Root, createCheckboxScope };

package/dist/index.js

@@ -1,185 +1,184 @@
-var $dKOox$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
-var $dKOox$react = require("react");
-var $dKOox$radixuireactcomposerefs = require("@radix-ui/react-compose-refs");
-var $dKOox$radixuireactcontext = require("@radix-ui/react-context");
-var $dKOox$radixuiprimitive = require("@radix-ui/primitive");
-var $dKOox$radixuireactusecontrollablestate = require("@radix-ui/react-use-controllable-state");
-var $dKOox$radixuireactuseprevious = require("@radix-ui/react-use-previous");
-var $dKOox$radixuireactusesize = require("@radix-ui/react-use-size");
-var $dKOox$radixuireactpresence = require("@radix-ui/react-presence");
-var $dKOox$radixuireactprimitive = require("@radix-ui/react-primitive");
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-$parcel$export(module.exports, "createCheckboxScope", () => $a17f2c9fbf2ccf8c$export$b566c4ff5488ea01);
-$parcel$export(module.exports, "Checkbox", () => $a17f2c9fbf2ccf8c$export$48513f6b9f8ce62d);
-$parcel$export(module.exports, "CheckboxIndicator", () => $a17f2c9fbf2ccf8c$export$59aad738f51d1c05);
-$parcel$export(module.exports, "Root", () => $a17f2c9fbf2ccf8c$export$be92b6f5f03c0fe9);
-$parcel$export(module.exports, "Indicator", () => $a17f2c9fbf2ccf8c$export$adb584737d712b70);
-
-
-
-
-
-
-
-
-
-
-/* -------------------------------------------------------------------------------------------------
- * Checkbox
- * -----------------------------------------------------------------------------------------------*/ const $a17f2c9fbf2ccf8c$var$CHECKBOX_NAME = 'Checkbox';
-const [$a17f2c9fbf2ccf8c$var$createCheckboxContext, $a17f2c9fbf2ccf8c$export$b566c4ff5488ea01] = $dKOox$radixuireactcontext.createContextScope($a17f2c9fbf2ccf8c$var$CHECKBOX_NAME);
-const [$a17f2c9fbf2ccf8c$var$CheckboxProvider, $a17f2c9fbf2ccf8c$var$useCheckboxContext] = $a17f2c9fbf2ccf8c$var$createCheckboxContext($a17f2c9fbf2ccf8c$var$CHECKBOX_NAME);
-const $a17f2c9fbf2ccf8c$export$48513f6b9f8ce62d = /*#__PURE__*/ $dKOox$react.forwardRef((props, forwardedRef)=>{
-    const { __scopeCheckbox: __scopeCheckbox , name: name , checked: checkedProp , defaultChecked: defaultChecked , required: required , disabled: disabled , value: value = 'on' , onCheckedChange: onCheckedChange , ...checkboxProps } = props;
-    const [button, setButton] = $dKOox$react.useState(null);
-    const composedRefs = $dKOox$radixuireactcomposerefs.useComposedRefs(forwardedRef, (node)=>setButton(node)
-    );
-    const hasConsumerStoppedPropagationRef = $dKOox$react.useRef(false); // We set this to true by default so that events bubble to forms without JS (SSR)
-    const isFormControl = button ? Boolean(button.closest('form')) : true;
-    const [checked = false, setChecked] = $dKOox$radixuireactusecontrollablestate.useControllableState({
+"use strict";
+(() => {
+  var __create = Object.create;
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getProtoOf = Object.getPrototypeOf;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined") return require.apply(this, arguments);
+    throw Error('Dynamic require of "' + x + '" is not supported');
+  });
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    // If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
+
+  // packages/react/checkbox/src/Checkbox.tsx
+  var React = __toESM(__require("react"));
+  var import_react_compose_refs = __require("@radix-ui/react-compose-refs");
+  var import_react_context = __require("@radix-ui/react-context");
+  var import_primitive = __require("@radix-ui/primitive");
+  var import_react_use_controllable_state = __require("@radix-ui/react-use-controllable-state");
+  var import_react_use_previous = __require("@radix-ui/react-use-previous");
+  var import_react_use_size = __require("@radix-ui/react-use-size");
+  var import_react_presence = __require("@radix-ui/react-presence");
+  var import_react_primitive = __require("@radix-ui/react-primitive");
+  var import_jsx_runtime = __require("react/jsx-runtime");
+  var CHECKBOX_NAME = "Checkbox";
+  var [createCheckboxContext, createCheckboxScope] = (0, import_react_context.createContextScope)(CHECKBOX_NAME);
+  var [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
+  var Checkbox = React.forwardRef(
+    (props, forwardedRef) => {
+      const {
+        __scopeCheckbox,
+        name,
+        checked: checkedProp,
+        defaultChecked,
+        required,
+        disabled,
+        value = "on",
+        onCheckedChange,
+        ...checkboxProps
+      } = props;
+      const [button, setButton] = React.useState(null);
+      const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, (node) => setButton(node));
+      const hasConsumerStoppedPropagationRef = React.useRef(false);
+      const isFormControl = button ? Boolean(button.closest("form")) : true;
+      const [checked = false, setChecked] = (0, import_react_use_controllable_state.useControllableState)({
         prop: checkedProp,
         defaultProp: defaultChecked,
         onChange: onCheckedChange
-    });
-    const initialCheckedStateRef = $dKOox$react.useRef(checked);
-    $dKOox$react.useEffect(()=>{
-        const form = button === null || button === void 0 ? void 0 : button.form;
+      });
+      const initialCheckedStateRef = React.useRef(checked);
+      React.useEffect(() => {
+        const form = button?.form;
         if (form) {
-            const reset = ()=>setChecked(initialCheckedStateRef.current)
-            ;
-            form.addEventListener('reset', reset);
-            return ()=>form.removeEventListener('reset', reset)
-            ;
+          const reset = () => setChecked(initialCheckedStateRef.current);
+          form.addEventListener("reset", reset);
+          return () => form.removeEventListener("reset", reset);
         }
-    }, [
-        button,
-        setChecked
-    ]);
-    return /*#__PURE__*/ $dKOox$react.createElement($a17f2c9fbf2ccf8c$var$CheckboxProvider, {
-        scope: __scopeCheckbox,
-        state: checked,
-        disabled: disabled
-    }, /*#__PURE__*/ $dKOox$react.createElement($dKOox$radixuireactprimitive.Primitive.button, ($parcel$interopDefault($dKOox$babelruntimehelpersextends))({
-        type: "button",
-        role: "checkbox",
-        "aria-checked": $a17f2c9fbf2ccf8c$var$isIndeterminate(checked) ? 'mixed' : checked,
-        "aria-required": required,
-        "data-state": $a17f2c9fbf2ccf8c$var$getState(checked),
-        "data-disabled": disabled ? '' : undefined,
-        disabled: disabled,
-        value: value
-    }, checkboxProps, {
-        ref: composedRefs,
-        onKeyDown: $dKOox$radixuiprimitive.composeEventHandlers(props.onKeyDown, (event)=>{
-            // According to WAI ARIA, Checkboxes don't activate on enter keypress
-            if (event.key === 'Enter') event.preventDefault();
-        }),
-        onClick: $dKOox$radixuiprimitive.composeEventHandlers(props.onClick, (event)=>{
-            setChecked((prevChecked)=>$a17f2c9fbf2ccf8c$var$isIndeterminate(prevChecked) ? true : !prevChecked
-            );
-            if (isFormControl) {
-                hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(); // if checkbox is in a form, stop propagation from the button so that we only propagate
-                // one click event (from the input). We propagate changes from an input so that native
-                // form validation works and form events reflect checkbox updates.
+      }, [button, setChecked]);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_primitive.Primitive.button,
+          {
+            type: "button",
+            role: "checkbox",
+            "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
+            "aria-required": required,
+            "data-state": getState(checked),
+            "data-disabled": disabled ? "" : void 0,
+            disabled,
+            value,
+            ...checkboxProps,
+            ref: composedRefs,
+            onKeyDown: (0, import_primitive.composeEventHandlers)(props.onKeyDown, (event) => {
+              if (event.key === "Enter") event.preventDefault();
+            }),
+            onClick: (0, import_primitive.composeEventHandlers)(props.onClick, (event) => {
+              setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);
+              if (isFormControl) {
+                hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
                 if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-            }
-        })
-    })), isFormControl && /*#__PURE__*/ $dKOox$react.createElement($a17f2c9fbf2ccf8c$var$BubbleInput, {
-        control: button,
-        bubbles: !hasConsumerStoppedPropagationRef.current,
-        name: name,
-        value: value,
-        checked: checked,
-        required: required,
-        disabled: disabled // We transform because the input is absolutely positioned but we have
-        ,
-        style: {
-            transform: 'translateX(-100%)'
-        }
-    }));
-});
-/*#__PURE__*/ Object.assign($a17f2c9fbf2ccf8c$export$48513f6b9f8ce62d, {
-    displayName: $a17f2c9fbf2ccf8c$var$CHECKBOX_NAME
-});
-/* -------------------------------------------------------------------------------------------------
- * CheckboxIndicator
- * -----------------------------------------------------------------------------------------------*/ const $a17f2c9fbf2ccf8c$var$INDICATOR_NAME = 'CheckboxIndicator';
-const $a17f2c9fbf2ccf8c$export$59aad738f51d1c05 = /*#__PURE__*/ $dKOox$react.forwardRef((props, forwardedRef)=>{
-    const { __scopeCheckbox: __scopeCheckbox , forceMount: forceMount , ...indicatorProps } = props;
-    const context = $a17f2c9fbf2ccf8c$var$useCheckboxContext($a17f2c9fbf2ccf8c$var$INDICATOR_NAME, __scopeCheckbox);
-    return /*#__PURE__*/ $dKOox$react.createElement($dKOox$radixuireactpresence.Presence, {
-        present: forceMount || $a17f2c9fbf2ccf8c$var$isIndeterminate(context.state) || context.state === true
-    }, /*#__PURE__*/ $dKOox$react.createElement($dKOox$radixuireactprimitive.Primitive.span, ($parcel$interopDefault($dKOox$babelruntimehelpersextends))({
-        "data-state": $a17f2c9fbf2ccf8c$var$getState(context.state),
-        "data-disabled": context.disabled ? '' : undefined
-    }, indicatorProps, {
-        ref: forwardedRef,
-        style: {
-            pointerEvents: 'none',
-            ...props.style
-        }
-    })));
-});
-/*#__PURE__*/ Object.assign($a17f2c9fbf2ccf8c$export$59aad738f51d1c05, {
-    displayName: $a17f2c9fbf2ccf8c$var$INDICATOR_NAME
-});
-/* ---------------------------------------------------------------------------------------------- */ const $a17f2c9fbf2ccf8c$var$BubbleInput = (props)=>{
-    const { control: control , checked: checked , bubbles: bubbles = true , ...inputProps } = props;
-    const ref = $dKOox$react.useRef(null);
-    const prevChecked = $dKOox$radixuireactuseprevious.usePrevious(checked);
-    const controlSize = $dKOox$radixuireactusesize.useSize(control); // Bubble checked change to parents (e.g form change event)
-    $dKOox$react.useEffect(()=>{
-        const input = ref.current;
-        const inputProto = window.HTMLInputElement.prototype;
-        const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked');
-        const setChecked = descriptor.set;
-        if (prevChecked !== checked && setChecked) {
-            const event = new Event('click', {
-                bubbles: bubbles
-            });
-            input.indeterminate = $a17f2c9fbf2ccf8c$var$isIndeterminate(checked);
-            setChecked.call(input, $a17f2c9fbf2ccf8c$var$isIndeterminate(checked) ? false : checked);
-            input.dispatchEvent(event);
+              }
+            })
+          }
+        ),
+        isFormControl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          BubbleInput,
+          {
+            control: button,
+            bubbles: !hasConsumerStoppedPropagationRef.current,
+            name,
+            value,
+            checked,
+            required,
+            disabled,
+            style: { transform: "translateX(-100%)" }
+          }
+        )
+      ] });
+    }
+  );
+  Checkbox.displayName = CHECKBOX_NAME;
+  var INDICATOR_NAME = "CheckboxIndicator";
+  var CheckboxIndicator = React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
+      const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_presence.Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_primitive.Primitive.span,
+        {
+          "data-state": getState(context.state),
+          "data-disabled": context.disabled ? "" : void 0,
+          ...indicatorProps,
+          ref: forwardedRef,
+          style: { pointerEvents: "none", ...props.style }
         }
-    }, [
-        prevChecked,
-        checked,
-        bubbles
-    ]);
-    return /*#__PURE__*/ $dKOox$react.createElement("input", ($parcel$interopDefault($dKOox$babelruntimehelpersextends))({
+      ) });
+    }
+  );
+  CheckboxIndicator.displayName = INDICATOR_NAME;
+  var BubbleInput = (props) => {
+    const { control, checked, bubbles = true, ...inputProps } = props;
+    const ref = React.useRef(null);
+    const prevChecked = (0, import_react_use_previous.usePrevious)(checked);
+    const controlSize = (0, import_react_use_size.useSize)(control);
+    React.useEffect(() => {
+      const input = ref.current;
+      const inputProto = window.HTMLInputElement.prototype;
+      const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
+      const setChecked = descriptor.set;
+      if (prevChecked !== checked && setChecked) {
+        const event = new Event("click", { bubbles });
+        input.indeterminate = isIndeterminate(checked);
+        setChecked.call(input, isIndeterminate(checked) ? false : checked);
+        input.dispatchEvent(event);
+      }
+    }, [prevChecked, checked, bubbles]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
         type: "checkbox",
         "aria-hidden": true,
-        defaultChecked: $a17f2c9fbf2ccf8c$var$isIndeterminate(checked) ? false : checked
-    }, inputProps, {
+        defaultChecked: isIndeterminate(checked) ? false : checked,
+        ...inputProps,
         tabIndex: -1,
-        ref: ref,
+        ref,
         style: {
-            ...props.style,
-            ...controlSize,
-            position: 'absolute',
-            pointerEvents: 'none',
-            opacity: 0,
-            margin: 0
+          ...props.style,
+          ...controlSize,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
         }
-    }));
-};
-function $a17f2c9fbf2ccf8c$var$isIndeterminate(checked) {
-    return checked === 'indeterminate';
-}
-function $a17f2c9fbf2ccf8c$var$getState(checked) {
-    return $a17f2c9fbf2ccf8c$var$isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';
-}
-const $a17f2c9fbf2ccf8c$export$be92b6f5f03c0fe9 = $a17f2c9fbf2ccf8c$export$48513f6b9f8ce62d;
-const $a17f2c9fbf2ccf8c$export$adb584737d712b70 = $a17f2c9fbf2ccf8c$export$59aad738f51d1c05;
-
-
-
-
+      }
+    );
+  };
+  function isIndeterminate(checked) {
+    return checked === "indeterminate";
+  }
+  function getState(checked) {
+    return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+  }
+  var Root = Checkbox;
+  var Indicator = CheckboxIndicator;
+})();
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1,7 @@
-{"mappings":"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","sources":["packages/react/checkbox/src/index.ts","packages/react/checkbox/src/Checkbox.tsx"],"sourcesContent":["export {\n  createCheckboxScope,\n  //\n  Checkbox,\n  CheckboxIndicator,\n  //\n  Root,\n  Indicator,\n} from './Checkbox';\nexport type { CheckboxProps, CheckboxIndicatorProps } from './Checkbox';\n","import * as React from 'react';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { usePrevious } from '@radix-ui/react-use-previous';\nimport { useSize } from '@radix-ui/react-use-size';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Checkbox\n * -----------------------------------------------------------------------------------------------*/\n\nconst CHECKBOX_NAME = 'Checkbox';\n\ntype ScopedProps<P> = P & { __scopeCheckbox?: Scope };\nconst [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\n\ntype CheckedState = boolean | 'indeterminate';\n\ntype CheckboxContextValue = {\n  state: CheckedState;\n  disabled?: boolean;\n};\n\nconst [CheckboxProvider, useCheckboxContext] =\n  createCheckboxContext<CheckboxContextValue>(CHECKBOX_NAME);\n\ntype CheckboxElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface CheckboxProps extends Omit<PrimitiveButtonProps, 'checked' | 'defaultChecked'> {\n  checked?: CheckedState;\n  defaultChecked?: CheckedState;\n  required?: boolean;\n  onCheckedChange?(checked: CheckedState): void;\n}\n\nconst Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>(\n  (props: ScopedProps<CheckboxProps>, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = 'on',\n      onCheckedChange,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState<HTMLButtonElement | null>(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    const isFormControl = button ? Boolean(button.closest('form')) : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange,\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form = button?.form;\n      if (form) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form.addEventListener('reset', reset);\n        return () => form.removeEventListener('reset', reset);\n      }\n    }, [button, setChecked]);\n\n    return (\n      <CheckboxProvider scope={__scopeCheckbox} state={checked} disabled={disabled}>\n        <Primitive.button\n          type=\"button\"\n          role=\"checkbox\"\n          aria-checked={isIndeterminate(checked) ? 'mixed' : checked}\n          aria-required={required}\n          data-state={getState(checked)}\n          data-disabled={disabled ? '' : undefined}\n          disabled={disabled}\n          value={value}\n          {...checkboxProps}\n          ref={composedRefs}\n          onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n            // According to WAI ARIA, Checkboxes don't activate on enter keypress\n            if (event.key === 'Enter') event.preventDefault();\n          })}\n          onClick={composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => (isIndeterminate(prevChecked) ? true : !prevChecked));\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              // if checkbox is in a form, stop propagation from the button so that we only propagate\n              // one click event (from the input). We propagate changes from an input so that native\n              // form validation works and form events reflect checkbox updates.\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })}\n        />\n        {isFormControl && (\n          <BubbleInput\n            control={button}\n            bubbles={!hasConsumerStoppedPropagationRef.current}\n            name={name}\n            value={value}\n            checked={checked}\n            required={required}\n            disabled={disabled}\n            // We transform because the input is absolutely positioned but we have\n            // rendered it **after** the button. This pulls it back to sit on top\n            // of the button.\n            style={{ transform: 'translateX(-100%)' }}\n          />\n        )}\n      </CheckboxProvider>\n    );\n  }\n);\n\nCheckbox.displayName = CHECKBOX_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'CheckboxIndicator';\n\ntype CheckboxIndicatorElement = React.ElementRef<typeof Primitive.span>;\ntype PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;\ninterface CheckboxIndicatorProps extends PrimitiveSpanProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst CheckboxIndicator = React.forwardRef<CheckboxIndicatorElement, CheckboxIndicatorProps>(\n  (props: ScopedProps<CheckboxIndicatorProps>, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return (\n      <Presence present={forceMount || isIndeterminate(context.state) || context.state === true}>\n        <Primitive.span\n          data-state={getState(context.state)}\n          data-disabled={context.disabled ? '' : undefined}\n          {...indicatorProps}\n          ref={forwardedRef}\n          style={{ pointerEvents: 'none', ...props.style }}\n        />\n      </Presence>\n    );\n  }\n);\n\nCheckboxIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype InputProps = Radix.ComponentPropsWithoutRef<'input'>;\ninterface BubbleInputProps extends Omit<InputProps, 'checked'> {\n  checked: CheckedState;\n  control: HTMLElement | null;\n  bubbles: boolean;\n}\n\nconst BubbleInput = (props: BubbleInputProps) => {\n  const { control, checked, bubbles = true, ...inputProps } = props;\n  const ref = React.useRef<HTMLInputElement>(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n\n  // Bubble checked change to parents (e.g form change event)\n  React.useEffect(() => {\n    const input = ref.current!;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked') as PropertyDescriptor;\n    const setChecked = descriptor.set;\n\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event('click', { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n\n  return (\n    <input\n      type=\"checkbox\"\n      aria-hidden\n      defaultChecked={isIndeterminate(checked) ? false : checked}\n      {...inputProps}\n      tabIndex={-1}\n      ref={ref}\n      style={{\n        ...props.style,\n        ...controlSize,\n        position: 'absolute',\n        pointerEvents: 'none',\n        opacity: 0,\n        margin: 0,\n      }}\n    />\n  );\n};\n\nfunction isIndeterminate(checked?: CheckedState): checked is 'indeterminate' {\n  return checked === 'indeterminate';\n}\n\nfunction getState(checked: CheckedState) {\n  return isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';\n}\n\nconst Root = Checkbox;\nconst Indicator = CheckboxIndicator;\n\nexport {\n  createCheckboxScope,\n  //\n  Checkbox,\n  CheckboxIndicator,\n  //\n  Root,\n  Indicator,\n};\nexport type { CheckboxProps, CheckboxIndicatorProps };\n"],"names":["createCheckboxScope","Checkbox","CheckboxIndicator","Root","Indicator","React","useComposedRefs","createContextScope","composeEventHandlers","useControllableState","usePrevious","useSize","Presence","Primitive","CHECKBOX_NAME","createCheckboxContext","CheckboxProvider","useCheckboxContext","forwardRef","props","forwardedRef","__scopeCheckbox","name","checked","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","checkboxProps","button","setButton","useState","composedRefs","node","hasConsumerStoppedPropagationRef","useRef","isFormControl","Boolean","closest","setChecked","prop","defaultProp","onChange","initialCheckedStateRef","useEffect","form","reset","current","addEventListener","removeEventListener","isIndeterminate","getState","undefined","onKeyDown","event","key","preventDefault","onClick","prevChecked","isPropagationStopped","stopPropagation","transform","INDICATOR_NAME","forceMount","indicatorProps","context","state","pointerEvents","style","BubbleInput","control","bubbles","inputProps","ref","controlSize","input","inputProto","window","HTMLInputElement","prototype","descriptor","Object","getOwnPropertyDescriptor","set","Event","indeterminate","call","dispatchEvent","position","opacity","margin"],"version":3,"file":"index.js.map"}
+{
+  "version": 3,
+  "sources": ["../src/Checkbox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { usePrevious } from '@radix-ui/react-use-previous';\nimport { useSize } from '@radix-ui/react-use-size';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Checkbox\n * -----------------------------------------------------------------------------------------------*/\n\nconst CHECKBOX_NAME = 'Checkbox';\n\ntype ScopedProps<P> = P & { __scopeCheckbox?: Scope };\nconst [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\n\ntype CheckedState = boolean | 'indeterminate';\n\ntype CheckboxContextValue = {\n  state: CheckedState;\n  disabled?: boolean;\n};\n\nconst [CheckboxProvider, useCheckboxContext] =\n  createCheckboxContext<CheckboxContextValue>(CHECKBOX_NAME);\n\ntype CheckboxElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface CheckboxProps extends Omit<PrimitiveButtonProps, 'checked' | 'defaultChecked'> {\n  checked?: CheckedState;\n  defaultChecked?: CheckedState;\n  required?: boolean;\n  onCheckedChange?(checked: CheckedState): void;\n}\n\nconst Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>(\n  (props: ScopedProps<CheckboxProps>, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = 'on',\n      onCheckedChange,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState<HTMLButtonElement | null>(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    const isFormControl = button ? Boolean(button.closest('form')) : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange,\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form = button?.form;\n      if (form) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form.addEventListener('reset', reset);\n        return () => form.removeEventListener('reset', reset);\n      }\n    }, [button, setChecked]);\n\n    return (\n      <CheckboxProvider scope={__scopeCheckbox} state={checked} disabled={disabled}>\n        <Primitive.button\n          type=\"button\"\n          role=\"checkbox\"\n          aria-checked={isIndeterminate(checked) ? 'mixed' : checked}\n          aria-required={required}\n          data-state={getState(checked)}\n          data-disabled={disabled ? '' : undefined}\n          disabled={disabled}\n          value={value}\n          {...checkboxProps}\n          ref={composedRefs}\n          onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n            // According to WAI ARIA, Checkboxes don't activate on enter keypress\n            if (event.key === 'Enter') event.preventDefault();\n          })}\n          onClick={composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => (isIndeterminate(prevChecked) ? true : !prevChecked));\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              // if checkbox is in a form, stop propagation from the button so that we only propagate\n              // one click event (from the input). We propagate changes from an input so that native\n              // form validation works and form events reflect checkbox updates.\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })}\n        />\n        {isFormControl && (\n          <BubbleInput\n            control={button}\n            bubbles={!hasConsumerStoppedPropagationRef.current}\n            name={name}\n            value={value}\n            checked={checked}\n            required={required}\n            disabled={disabled}\n            // We transform because the input is absolutely positioned but we have\n            // rendered it **after** the button. This pulls it back to sit on top\n            // of the button.\n            style={{ transform: 'translateX(-100%)' }}\n          />\n        )}\n      </CheckboxProvider>\n    );\n  }\n);\n\nCheckbox.displayName = CHECKBOX_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'CheckboxIndicator';\n\ntype CheckboxIndicatorElement = React.ElementRef<typeof Primitive.span>;\ntype PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;\ninterface CheckboxIndicatorProps extends PrimitiveSpanProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst CheckboxIndicator = React.forwardRef<CheckboxIndicatorElement, CheckboxIndicatorProps>(\n  (props: ScopedProps<CheckboxIndicatorProps>, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return (\n      <Presence present={forceMount || isIndeterminate(context.state) || context.state === true}>\n        <Primitive.span\n          data-state={getState(context.state)}\n          data-disabled={context.disabled ? '' : undefined}\n          {...indicatorProps}\n          ref={forwardedRef}\n          style={{ pointerEvents: 'none', ...props.style }}\n        />\n      </Presence>\n    );\n  }\n);\n\nCheckboxIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype InputProps = Radix.ComponentPropsWithoutRef<'input'>;\ninterface BubbleInputProps extends Omit<InputProps, 'checked'> {\n  checked: CheckedState;\n  control: HTMLElement | null;\n  bubbles: boolean;\n}\n\nconst BubbleInput = (props: BubbleInputProps) => {\n  const { control, checked, bubbles = true, ...inputProps } = props;\n  const ref = React.useRef<HTMLInputElement>(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n\n  // Bubble checked change to parents (e.g form change event)\n  React.useEffect(() => {\n    const input = ref.current!;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked') as PropertyDescriptor;\n    const setChecked = descriptor.set;\n\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event('click', { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n\n  return (\n    <input\n      type=\"checkbox\"\n      aria-hidden\n      defaultChecked={isIndeterminate(checked) ? false : checked}\n      {...inputProps}\n      tabIndex={-1}\n      ref={ref}\n      style={{\n        ...props.style,\n        ...controlSize,\n        position: 'absolute',\n        pointerEvents: 'none',\n        opacity: 0,\n        margin: 0,\n      }}\n    />\n  );\n};\n\nfunction isIndeterminate(checked?: CheckedState): checked is 'indeterminate' {\n  return checked === 'indeterminate';\n}\n\nfunction getState(checked: CheckedState) {\n  return isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';\n}\n\nconst Root = Checkbox;\nconst Indicator = CheckboxIndicator;\n\nexport {\n  createCheckboxScope,\n  //\n  Checkbox,\n  CheckboxIndicator,\n  //\n  Root,\n  Indicator,\n};\nexport type { CheckboxProps, CheckboxIndicatorProps };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/index.mjs

@@ -1,174 +1,159 @@
-import $1bpvS$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
-import {forwardRef as $1bpvS$forwardRef, useState as $1bpvS$useState, useRef as $1bpvS$useRef, useEffect as $1bpvS$useEffect, createElement as $1bpvS$createElement} from "react";
-import {useComposedRefs as $1bpvS$useComposedRefs} from "@radix-ui/react-compose-refs";
-import {createContextScope as $1bpvS$createContextScope} from "@radix-ui/react-context";
-import {composeEventHandlers as $1bpvS$composeEventHandlers} from "@radix-ui/primitive";
-import {useControllableState as $1bpvS$useControllableState} from "@radix-ui/react-use-controllable-state";
-import {usePrevious as $1bpvS$usePrevious} from "@radix-ui/react-use-previous";
-import {useSize as $1bpvS$useSize} from "@radix-ui/react-use-size";
-import {Presence as $1bpvS$Presence} from "@radix-ui/react-presence";
-import {Primitive as $1bpvS$Primitive} from "@radix-ui/react-primitive";
-
-
-
-
-
-
-
-
-
-
-
-/* -------------------------------------------------------------------------------------------------
- * Checkbox
- * -----------------------------------------------------------------------------------------------*/ const $e698a72e93240346$var$CHECKBOX_NAME = 'Checkbox';
-const [$e698a72e93240346$var$createCheckboxContext, $e698a72e93240346$export$b566c4ff5488ea01] = $1bpvS$createContextScope($e698a72e93240346$var$CHECKBOX_NAME);
-const [$e698a72e93240346$var$CheckboxProvider, $e698a72e93240346$var$useCheckboxContext] = $e698a72e93240346$var$createCheckboxContext($e698a72e93240346$var$CHECKBOX_NAME);
-const $e698a72e93240346$export$48513f6b9f8ce62d = /*#__PURE__*/ $1bpvS$forwardRef((props, forwardedRef)=>{
-    const { __scopeCheckbox: __scopeCheckbox , name: name , checked: checkedProp , defaultChecked: defaultChecked , required: required , disabled: disabled , value: value = 'on' , onCheckedChange: onCheckedChange , ...checkboxProps } = props;
-    const [button, setButton] = $1bpvS$useState(null);
-    const composedRefs = $1bpvS$useComposedRefs(forwardedRef, (node)=>setButton(node)
-    );
-    const hasConsumerStoppedPropagationRef = $1bpvS$useRef(false); // We set this to true by default so that events bubble to forms without JS (SSR)
-    const isFormControl = button ? Boolean(button.closest('form')) : true;
-    const [checked = false, setChecked] = $1bpvS$useControllableState({
-        prop: checkedProp,
-        defaultProp: defaultChecked,
-        onChange: onCheckedChange
+// packages/react/checkbox/src/Checkbox.tsx
+import * as React from "react";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { createContextScope } from "@radix-ui/react-context";
+import { composeEventHandlers } from "@radix-ui/primitive";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { usePrevious } from "@radix-ui/react-use-previous";
+import { useSize } from "@radix-ui/react-use-size";
+import { Presence } from "@radix-ui/react-presence";
+import { Primitive } from "@radix-ui/react-primitive";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CHECKBOX_NAME = "Checkbox";
+var [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);
+var [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
+var Checkbox = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeCheckbox,
+      name,
+      checked: checkedProp,
+      defaultChecked,
+      required,
+      disabled,
+      value = "on",
+      onCheckedChange,
+      ...checkboxProps
+    } = props;
+    const [button, setButton] = React.useState(null);
+    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
+    const hasConsumerStoppedPropagationRef = React.useRef(false);
+    const isFormControl = button ? Boolean(button.closest("form")) : true;
+    const [checked = false, setChecked] = useControllableState({
+      prop: checkedProp,
+      defaultProp: defaultChecked,
+      onChange: onCheckedChange
     });
-    const initialCheckedStateRef = $1bpvS$useRef(checked);
-    $1bpvS$useEffect(()=>{
-        const form = button === null || button === void 0 ? void 0 : button.form;
-        if (form) {
-            const reset = ()=>setChecked(initialCheckedStateRef.current)
-            ;
-            form.addEventListener('reset', reset);
-            return ()=>form.removeEventListener('reset', reset)
-            ;
-        }
-    }, [
-        button,
-        setChecked
-    ]);
-    return /*#__PURE__*/ $1bpvS$createElement($e698a72e93240346$var$CheckboxProvider, {
-        scope: __scopeCheckbox,
-        state: checked,
-        disabled: disabled
-    }, /*#__PURE__*/ $1bpvS$createElement($1bpvS$Primitive.button, $1bpvS$babelruntimehelpersesmextends({
-        type: "button",
-        role: "checkbox",
-        "aria-checked": $e698a72e93240346$var$isIndeterminate(checked) ? 'mixed' : checked,
-        "aria-required": required,
-        "data-state": $e698a72e93240346$var$getState(checked),
-        "data-disabled": disabled ? '' : undefined,
-        disabled: disabled,
-        value: value
-    }, checkboxProps, {
-        ref: composedRefs,
-        onKeyDown: $1bpvS$composeEventHandlers(props.onKeyDown, (event)=>{
-            // According to WAI ARIA, Checkboxes don't activate on enter keypress
-            if (event.key === 'Enter') event.preventDefault();
-        }),
-        onClick: $1bpvS$composeEventHandlers(props.onClick, (event)=>{
-            setChecked((prevChecked)=>$e698a72e93240346$var$isIndeterminate(prevChecked) ? true : !prevChecked
-            );
+    const initialCheckedStateRef = React.useRef(checked);
+    React.useEffect(() => {
+      const form = button?.form;
+      if (form) {
+        const reset = () => setChecked(initialCheckedStateRef.current);
+        form.addEventListener("reset", reset);
+        return () => form.removeEventListener("reset", reset);
+      }
+    }, [button, setChecked]);
+    return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [
+      /* @__PURE__ */ jsx(
+        Primitive.button,
+        {
+          type: "button",
+          role: "checkbox",
+          "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
+          "aria-required": required,
+          "data-state": getState(checked),
+          "data-disabled": disabled ? "" : void 0,
+          disabled,
+          value,
+          ...checkboxProps,
+          ref: composedRefs,
+          onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+            if (event.key === "Enter") event.preventDefault();
+          }),
+          onClick: composeEventHandlers(props.onClick, (event) => {
+            setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);
             if (isFormControl) {
-                hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(); // if checkbox is in a form, stop propagation from the button so that we only propagate
-                // one click event (from the input). We propagate changes from an input so that native
-                // form validation works and form events reflect checkbox updates.
-                if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
             }
-        })
-    })), isFormControl && /*#__PURE__*/ $1bpvS$createElement($e698a72e93240346$var$BubbleInput, {
-        control: button,
-        bubbles: !hasConsumerStoppedPropagationRef.current,
-        name: name,
-        value: value,
-        checked: checked,
-        required: required,
-        disabled: disabled // We transform because the input is absolutely positioned but we have
-        ,
-        style: {
-            transform: 'translateX(-100%)'
-        }
-    }));
-});
-/*#__PURE__*/ Object.assign($e698a72e93240346$export$48513f6b9f8ce62d, {
-    displayName: $e698a72e93240346$var$CHECKBOX_NAME
-});
-/* -------------------------------------------------------------------------------------------------
- * CheckboxIndicator
- * -----------------------------------------------------------------------------------------------*/ const $e698a72e93240346$var$INDICATOR_NAME = 'CheckboxIndicator';
-const $e698a72e93240346$export$59aad738f51d1c05 = /*#__PURE__*/ $1bpvS$forwardRef((props, forwardedRef)=>{
-    const { __scopeCheckbox: __scopeCheckbox , forceMount: forceMount , ...indicatorProps } = props;
-    const context = $e698a72e93240346$var$useCheckboxContext($e698a72e93240346$var$INDICATOR_NAME, __scopeCheckbox);
-    return /*#__PURE__*/ $1bpvS$createElement($1bpvS$Presence, {
-        present: forceMount || $e698a72e93240346$var$isIndeterminate(context.state) || context.state === true
-    }, /*#__PURE__*/ $1bpvS$createElement($1bpvS$Primitive.span, $1bpvS$babelruntimehelpersesmextends({
-        "data-state": $e698a72e93240346$var$getState(context.state),
-        "data-disabled": context.disabled ? '' : undefined
-    }, indicatorProps, {
-        ref: forwardedRef,
-        style: {
-            pointerEvents: 'none',
-            ...props.style
+          })
         }
-    })));
-});
-/*#__PURE__*/ Object.assign($e698a72e93240346$export$59aad738f51d1c05, {
-    displayName: $e698a72e93240346$var$INDICATOR_NAME
-});
-/* ---------------------------------------------------------------------------------------------- */ const $e698a72e93240346$var$BubbleInput = (props)=>{
-    const { control: control , checked: checked , bubbles: bubbles = true , ...inputProps } = props;
-    const ref = $1bpvS$useRef(null);
-    const prevChecked = $1bpvS$usePrevious(checked);
-    const controlSize = $1bpvS$useSize(control); // Bubble checked change to parents (e.g form change event)
-    $1bpvS$useEffect(()=>{
-        const input = ref.current;
-        const inputProto = window.HTMLInputElement.prototype;
-        const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked');
-        const setChecked = descriptor.set;
-        if (prevChecked !== checked && setChecked) {
-            const event = new Event('click', {
-                bubbles: bubbles
-            });
-            input.indeterminate = $e698a72e93240346$var$isIndeterminate(checked);
-            setChecked.call(input, $e698a72e93240346$var$isIndeterminate(checked) ? false : checked);
-            input.dispatchEvent(event);
+      ),
+      isFormControl && /* @__PURE__ */ jsx(
+        BubbleInput,
+        {
+          control: button,
+          bubbles: !hasConsumerStoppedPropagationRef.current,
+          name,
+          value,
+          checked,
+          required,
+          disabled,
+          style: { transform: "translateX(-100%)" }
         }
-    }, [
-        prevChecked,
-        checked,
-        bubbles
-    ]);
-    return /*#__PURE__*/ $1bpvS$createElement("input", $1bpvS$babelruntimehelpersesmextends({
-        type: "checkbox",
-        "aria-hidden": true,
-        defaultChecked: $e698a72e93240346$var$isIndeterminate(checked) ? false : checked
-    }, inputProps, {
-        tabIndex: -1,
-        ref: ref,
-        style: {
-            ...props.style,
-            ...controlSize,
-            position: 'absolute',
-            pointerEvents: 'none',
-            opacity: 0,
-            margin: 0
-        }
-    }));
+      )
+    ] });
+  }
+);
+Checkbox.displayName = CHECKBOX_NAME;
+var INDICATOR_NAME = "CheckboxIndicator";
+var CheckboxIndicator = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
+    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
+    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(
+      Primitive.span,
+      {
+        "data-state": getState(context.state),
+        "data-disabled": context.disabled ? "" : void 0,
+        ...indicatorProps,
+        ref: forwardedRef,
+        style: { pointerEvents: "none", ...props.style }
+      }
+    ) });
+  }
+);
+CheckboxIndicator.displayName = INDICATOR_NAME;
+var BubbleInput = (props) => {
+  const { control, checked, bubbles = true, ...inputProps } = props;
+  const ref = React.useRef(null);
+  const prevChecked = usePrevious(checked);
+  const controlSize = useSize(control);
+  React.useEffect(() => {
+    const input = ref.current;
+    const inputProto = window.HTMLInputElement.prototype;
+    const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
+    const setChecked = descriptor.set;
+    if (prevChecked !== checked && setChecked) {
+      const event = new Event("click", { bubbles });
+      input.indeterminate = isIndeterminate(checked);
+      setChecked.call(input, isIndeterminate(checked) ? false : checked);
+      input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]);
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": true,
+      defaultChecked: isIndeterminate(checked) ? false : checked,
+      ...inputProps,
+      tabIndex: -1,
+      ref,
+      style: {
+        ...props.style,
+        ...controlSize,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
 };
-function $e698a72e93240346$var$isIndeterminate(checked) {
-    return checked === 'indeterminate';
+function isIndeterminate(checked) {
+  return checked === "indeterminate";
 }
-function $e698a72e93240346$var$getState(checked) {
-    return $e698a72e93240346$var$isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';
+function getState(checked) {
+  return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
-const $e698a72e93240346$export$be92b6f5f03c0fe9 = $e698a72e93240346$export$48513f6b9f8ce62d;
-const $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad738f51d1c05;
-
-
-
-
-export {$e698a72e93240346$export$b566c4ff5488ea01 as createCheckboxScope, $e698a72e93240346$export$48513f6b9f8ce62d as Checkbox, $e698a72e93240346$export$59aad738f51d1c05 as CheckboxIndicator, $e698a72e93240346$export$be92b6f5f03c0fe9 as Root, $e698a72e93240346$export$adb584737d712b70 as Indicator};
+var Root = Checkbox;
+var Indicator = CheckboxIndicator;
+export {
+  Checkbox,
+  CheckboxIndicator,
+  Indicator,
+  Root,
+  createCheckboxScope
+};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1,7 @@
-{"mappings":"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","sources":["packages/react/checkbox/src/index.ts","packages/react/checkbox/src/Checkbox.tsx"],"sourcesContent":["export {\n  createCheckboxScope,\n  //\n  Checkbox,\n  CheckboxIndicator,\n  //\n  Root,\n  Indicator,\n} from './Checkbox';\nexport type { CheckboxProps, CheckboxIndicatorProps } from './Checkbox';\n","import * as React from 'react';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { usePrevious } from '@radix-ui/react-use-previous';\nimport { useSize } from '@radix-ui/react-use-size';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Checkbox\n * -----------------------------------------------------------------------------------------------*/\n\nconst CHECKBOX_NAME = 'Checkbox';\n\ntype ScopedProps<P> = P & { __scopeCheckbox?: Scope };\nconst [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\n\ntype CheckedState = boolean | 'indeterminate';\n\ntype CheckboxContextValue = {\n  state: CheckedState;\n  disabled?: boolean;\n};\n\nconst [CheckboxProvider, useCheckboxContext] =\n  createCheckboxContext<CheckboxContextValue>(CHECKBOX_NAME);\n\ntype CheckboxElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface CheckboxProps extends Omit<PrimitiveButtonProps, 'checked' | 'defaultChecked'> {\n  checked?: CheckedState;\n  defaultChecked?: CheckedState;\n  required?: boolean;\n  onCheckedChange?(checked: CheckedState): void;\n}\n\nconst Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>(\n  (props: ScopedProps<CheckboxProps>, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = 'on',\n      onCheckedChange,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState<HTMLButtonElement | null>(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    const isFormControl = button ? Boolean(button.closest('form')) : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange,\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form = button?.form;\n      if (form) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form.addEventListener('reset', reset);\n        return () => form.removeEventListener('reset', reset);\n      }\n    }, [button, setChecked]);\n\n    return (\n      <CheckboxProvider scope={__scopeCheckbox} state={checked} disabled={disabled}>\n        <Primitive.button\n          type=\"button\"\n          role=\"checkbox\"\n          aria-checked={isIndeterminate(checked) ? 'mixed' : checked}\n          aria-required={required}\n          data-state={getState(checked)}\n          data-disabled={disabled ? '' : undefined}\n          disabled={disabled}\n          value={value}\n          {...checkboxProps}\n          ref={composedRefs}\n          onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n            // According to WAI ARIA, Checkboxes don't activate on enter keypress\n            if (event.key === 'Enter') event.preventDefault();\n          })}\n          onClick={composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => (isIndeterminate(prevChecked) ? true : !prevChecked));\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              // if checkbox is in a form, stop propagation from the button so that we only propagate\n              // one click event (from the input). We propagate changes from an input so that native\n              // form validation works and form events reflect checkbox updates.\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })}\n        />\n        {isFormControl && (\n          <BubbleInput\n            control={button}\n            bubbles={!hasConsumerStoppedPropagationRef.current}\n            name={name}\n            value={value}\n            checked={checked}\n            required={required}\n            disabled={disabled}\n            // We transform because the input is absolutely positioned but we have\n            // rendered it **after** the button. This pulls it back to sit on top\n            // of the button.\n            style={{ transform: 'translateX(-100%)' }}\n          />\n        )}\n      </CheckboxProvider>\n    );\n  }\n);\n\nCheckbox.displayName = CHECKBOX_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'CheckboxIndicator';\n\ntype CheckboxIndicatorElement = React.ElementRef<typeof Primitive.span>;\ntype PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;\ninterface CheckboxIndicatorProps extends PrimitiveSpanProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst CheckboxIndicator = React.forwardRef<CheckboxIndicatorElement, CheckboxIndicatorProps>(\n  (props: ScopedProps<CheckboxIndicatorProps>, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return (\n      <Presence present={forceMount || isIndeterminate(context.state) || context.state === true}>\n        <Primitive.span\n          data-state={getState(context.state)}\n          data-disabled={context.disabled ? '' : undefined}\n          {...indicatorProps}\n          ref={forwardedRef}\n          style={{ pointerEvents: 'none', ...props.style }}\n        />\n      </Presence>\n    );\n  }\n);\n\nCheckboxIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype InputProps = Radix.ComponentPropsWithoutRef<'input'>;\ninterface BubbleInputProps extends Omit<InputProps, 'checked'> {\n  checked: CheckedState;\n  control: HTMLElement | null;\n  bubbles: boolean;\n}\n\nconst BubbleInput = (props: BubbleInputProps) => {\n  const { control, checked, bubbles = true, ...inputProps } = props;\n  const ref = React.useRef<HTMLInputElement>(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n\n  // Bubble checked change to parents (e.g form change event)\n  React.useEffect(() => {\n    const input = ref.current!;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked') as PropertyDescriptor;\n    const setChecked = descriptor.set;\n\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event('click', { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n\n  return (\n    <input\n      type=\"checkbox\"\n      aria-hidden\n      defaultChecked={isIndeterminate(checked) ? false : checked}\n      {...inputProps}\n      tabIndex={-1}\n      ref={ref}\n      style={{\n        ...props.style,\n        ...controlSize,\n        position: 'absolute',\n        pointerEvents: 'none',\n        opacity: 0,\n        margin: 0,\n      }}\n    />\n  );\n};\n\nfunction isIndeterminate(checked?: CheckedState): checked is 'indeterminate' {\n  return checked === 'indeterminate';\n}\n\nfunction getState(checked: CheckedState) {\n  return isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';\n}\n\nconst Root = Checkbox;\nconst Indicator = CheckboxIndicator;\n\nexport {\n  createCheckboxScope,\n  //\n  Checkbox,\n  CheckboxIndicator,\n  //\n  Root,\n  Indicator,\n};\nexport type { CheckboxProps, CheckboxIndicatorProps };\n"],"names":["createCheckboxScope","Checkbox","CheckboxIndicator","Root","Indicator","React","useComposedRefs","createContextScope","composeEventHandlers","useControllableState","usePrevious","useSize","Presence","Primitive","CHECKBOX_NAME","createCheckboxContext","CheckboxProvider","useCheckboxContext","forwardRef","props","forwardedRef","__scopeCheckbox","name","checked","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","checkboxProps","button","setButton","useState","composedRefs","node","hasConsumerStoppedPropagationRef","useRef","isFormControl","Boolean","closest","setChecked","prop","defaultProp","onChange","initialCheckedStateRef","useEffect","form","reset","current","addEventListener","removeEventListener","isIndeterminate","getState","undefined","onKeyDown","event","key","preventDefault","onClick","prevChecked","isPropagationStopped","stopPropagation","transform","INDICATOR_NAME","forceMount","indicatorProps","context","state","pointerEvents","style","BubbleInput","control","bubbles","inputProps","ref","controlSize","input","inputProto","window","HTMLInputElement","prototype","descriptor","Object","getOwnPropertyDescriptor","set","Event","indeterminate","call","dispatchEvent","position","opacity","margin"],"version":3,"file":"index.mjs.map"}
+{
+  "version": 3,
+  "sources": ["../src/Checkbox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { usePrevious } from '@radix-ui/react-use-previous';\nimport { useSize } from '@radix-ui/react-use-size';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Checkbox\n * -----------------------------------------------------------------------------------------------*/\n\nconst CHECKBOX_NAME = 'Checkbox';\n\ntype ScopedProps<P> = P & { __scopeCheckbox?: Scope };\nconst [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\n\ntype CheckedState = boolean | 'indeterminate';\n\ntype CheckboxContextValue = {\n  state: CheckedState;\n  disabled?: boolean;\n};\n\nconst [CheckboxProvider, useCheckboxContext] =\n  createCheckboxContext<CheckboxContextValue>(CHECKBOX_NAME);\n\ntype CheckboxElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface CheckboxProps extends Omit<PrimitiveButtonProps, 'checked' | 'defaultChecked'> {\n  checked?: CheckedState;\n  defaultChecked?: CheckedState;\n  required?: boolean;\n  onCheckedChange?(checked: CheckedState): void;\n}\n\nconst Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>(\n  (props: ScopedProps<CheckboxProps>, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = 'on',\n      onCheckedChange,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState<HTMLButtonElement | null>(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    const isFormControl = button ? Boolean(button.closest('form')) : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange,\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form = button?.form;\n      if (form) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form.addEventListener('reset', reset);\n        return () => form.removeEventListener('reset', reset);\n      }\n    }, [button, setChecked]);\n\n    return (\n      <CheckboxProvider scope={__scopeCheckbox} state={checked} disabled={disabled}>\n        <Primitive.button\n          type=\"button\"\n          role=\"checkbox\"\n          aria-checked={isIndeterminate(checked) ? 'mixed' : checked}\n          aria-required={required}\n          data-state={getState(checked)}\n          data-disabled={disabled ? '' : undefined}\n          disabled={disabled}\n          value={value}\n          {...checkboxProps}\n          ref={composedRefs}\n          onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n            // According to WAI ARIA, Checkboxes don't activate on enter keypress\n            if (event.key === 'Enter') event.preventDefault();\n          })}\n          onClick={composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => (isIndeterminate(prevChecked) ? true : !prevChecked));\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              // if checkbox is in a form, stop propagation from the button so that we only propagate\n              // one click event (from the input). We propagate changes from an input so that native\n              // form validation works and form events reflect checkbox updates.\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })}\n        />\n        {isFormControl && (\n          <BubbleInput\n            control={button}\n            bubbles={!hasConsumerStoppedPropagationRef.current}\n            name={name}\n            value={value}\n            checked={checked}\n            required={required}\n            disabled={disabled}\n            // We transform because the input is absolutely positioned but we have\n            // rendered it **after** the button. This pulls it back to sit on top\n            // of the button.\n            style={{ transform: 'translateX(-100%)' }}\n          />\n        )}\n      </CheckboxProvider>\n    );\n  }\n);\n\nCheckbox.displayName = CHECKBOX_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'CheckboxIndicator';\n\ntype CheckboxIndicatorElement = React.ElementRef<typeof Primitive.span>;\ntype PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;\ninterface CheckboxIndicatorProps extends PrimitiveSpanProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst CheckboxIndicator = React.forwardRef<CheckboxIndicatorElement, CheckboxIndicatorProps>(\n  (props: ScopedProps<CheckboxIndicatorProps>, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return (\n      <Presence present={forceMount || isIndeterminate(context.state) || context.state === true}>\n        <Primitive.span\n          data-state={getState(context.state)}\n          data-disabled={context.disabled ? '' : undefined}\n          {...indicatorProps}\n          ref={forwardedRef}\n          style={{ pointerEvents: 'none', ...props.style }}\n        />\n      </Presence>\n    );\n  }\n);\n\nCheckboxIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype InputProps = Radix.ComponentPropsWithoutRef<'input'>;\ninterface BubbleInputProps extends Omit<InputProps, 'checked'> {\n  checked: CheckedState;\n  control: HTMLElement | null;\n  bubbles: boolean;\n}\n\nconst BubbleInput = (props: BubbleInputProps) => {\n  const { control, checked, bubbles = true, ...inputProps } = props;\n  const ref = React.useRef<HTMLInputElement>(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n\n  // Bubble checked change to parents (e.g form change event)\n  React.useEffect(() => {\n    const input = ref.current!;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked') as PropertyDescriptor;\n    const setChecked = descriptor.set;\n\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event('click', { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n\n  return (\n    <input\n      type=\"checkbox\"\n      aria-hidden\n      defaultChecked={isIndeterminate(checked) ? false : checked}\n      {...inputProps}\n      tabIndex={-1}\n      ref={ref}\n      style={{\n        ...props.style,\n        ...controlSize,\n        position: 'absolute',\n        pointerEvents: 'none',\n        opacity: 0,\n        margin: 0,\n      }}\n    />\n  );\n};\n\nfunction isIndeterminate(checked?: CheckedState): checked is 'indeterminate' {\n  return checked === 'indeterminate';\n}\n\nfunction getState(checked: CheckedState) {\n  return isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';\n}\n\nconst Root = Checkbox;\nconst Indicator = CheckboxIndicator;\n\nexport {\n  createCheckboxScope,\n  //\n  Checkbox,\n  CheckboxIndicator,\n  //\n  Root,\n  Indicator,\n};\nexport type { CheckboxProps, CheckboxIndicatorProps };\n"],
+  "mappings": "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",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-checkbox",
-  "version": "1.0.4",
+  "version": "1.1.0-rc.1",
   "license": "MIT",
   "exports": {
     ".": {
@@ -28,15 +28,14 @@
     "version": "yarn version"
   },
   "dependencies": {
-    "@babel/runtime": "^7.13.10",
-    "@radix-ui/primitive": "1.0.1",
-    "@radix-ui/react-compose-refs": "1.0.1",
-    "@radix-ui/react-context": "1.0.1",
-    "@radix-ui/react-presence": "1.0.1",
-    "@radix-ui/react-primitive": "1.0.3",
-    "@radix-ui/react-use-controllable-state": "1.0.1",
-    "@radix-ui/react-use-previous": "1.0.1",
-    "@radix-ui/react-use-size": "1.0.1"
+    "@radix-ui/primitive": "1.1.0-rc.1",
+    "@radix-ui/react-compose-refs": "1.1.0-rc.1",
+    "@radix-ui/react-context": "1.1.0-rc.1",
+    "@radix-ui/react-presence": "1.1.0-rc.1",
+    "@radix-ui/react-primitive": "1.1.0-rc.1",
+    "@radix-ui/react-use-controllable-state": "1.1.0-rc.1",
+    "@radix-ui/react-use-previous": "1.1.0-rc.1",
+    "@radix-ui/react-use-size": "1.1.0-rc.1"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -59,5 +58,6 @@
   },
   "bugs": {
     "url": "https://github.com/radix-ui/primitives/issues"
-  }
+  },
+  "stableVersion": "1.0.4"
 }

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";;;AAoBA,OAAA,0FAAsF,CAAC;AAEvF,oBAAoB,OAAO,GAAG,eAAe,CAAC;AAW9C,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,8BAAwB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,gBAAgB,CAAC;IACtF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;CAC/C;AAED,OAAA,MAAM,iGA+EL,CAAC;AAWF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC;AAChF,uCAAiC,SAAQ,kBAAkB;IACzD;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,iHAgBL,CAAC;AA8DF,OAAA,MAAM,6FAAe,CAAC;AACtB,OAAA,MAAM,yGAA6B,CAAC","sources":["packages/react/checkbox/src/packages/react/checkbox/src/Checkbox.tsx","packages/react/checkbox/src/packages/react/checkbox/src/index.ts","packages/react/checkbox/src/index.ts"],"sourcesContent":[null,null,"export {\n  createCheckboxScope,\n  //\n  Checkbox,\n  CheckboxIndicator,\n  //\n  Root,\n  Indicator,\n} from './Checkbox';\nexport type { CheckboxProps, CheckboxIndicatorProps } from './Checkbox';\n"],"names":[],"version":3,"file":"index.d.ts.map"}