@radix-ui/react-checkbox 0.1.6-rc.1 → 0.1.6-rc.4

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;A;A;AAqBA,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,iGA0EL,CAAC;AAWF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC;AAChF,uCAAiC,SAAQ,kBAAkB;IACzD;A;A;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"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}
+{"mappings":";;;AAqBA,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,iGA0EL,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 * from './Checkbox';\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.js

@@ -1,2 +1,194 @@
-var e,t,r,a=require("@radix-ui/react-primitive").Primitive,n=require("@radix-ui/react-presence").Presence,o=require("@radix-ui/react-label").useLabelContext,c=require("@radix-ui/react-use-size").useSize,i=require("@radix-ui/react-use-previous").usePrevious,s=require("@radix-ui/react-use-controllable-state").useControllableState,u=require("@radix-ui/primitive").composeEventHandlers,d=require("@radix-ui/react-context").createContextScope,l=require("@radix-ui/react-compose-refs").useComposedRefs,b=(e={},t=require("react"),Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e),p=(r=require("@babel/runtime/helpers/extends"))&&r.__esModule?r.default:r;const[x,f]=d("Checkbox");exports.createCheckboxScope=f;const[h,k]=x("Checkbox"),m=/*#__PURE__*/b.forwardRef(((e,t)=>{const{__scopeCheckbox:r,"aria-labelledby":n,name:c,checked:i,defaultChecked:d,required:x,disabled:f,value:k="on",onCheckedChange:m,...C}=e,[q,w]=b.useState(null),P=l(t,(e=>w(e))),_=o(q),g=n||_,R=b.useRef(!1),S=!q||Boolean(q.closest("form")),[I=!1,D]=s({prop:i,defaultProp:d,onChange:m});/*#__PURE__*/return b.createElement(h,{scope:r,state:I,disabled:f},/*#__PURE__*/b.createElement(a.button,p({type:"button",role:"checkbox","aria-checked":y(I)?"mixed":I,"aria-labelledby":g,"aria-required":x,"data-state":E(I),"data-disabled":f?"":void 0,disabled:f,value:k},C,{ref:P,onKeyDown:u(e.onKeyDown,(e=>{"Enter"===e.key&&e.preventDefault()})),onClick:u(e.onClick,(e=>{D((e=>!!y(e)||!e)),S&&(R.current=e.isPropagationStopped(),R.current||e.stopPropagation())}))})),S&&/*#__PURE__*/b.createElement(v,{control:q,bubbles:!R.current,name:c,value:k,checked:I,required:x,disabled:f,style:{transform:"translateX(-100%)"}}))}));exports.Checkbox=m;const C=/*#__PURE__*/b.forwardRef(((e,t)=>{const{__scopeCheckbox:r,forceMount:o,...c}=e,i=k("CheckboxIndicator",r);/*#__PURE__*/return b.createElement(n,{present:o||y(i.state)||!0===i.state},/*#__PURE__*/b.createElement(a.span,p({"data-state":E(i.state),"data-disabled":i.disabled?"":void 0},c,{ref:t,style:{pointerEvents:"none",...e.style}})))}));exports.CheckboxIndicator=C;const v=e=>{const{control:t,checked:r,bubbles:a=!0,...n}=e,o=b.useRef(null),s=i(r),u=c(t);return b.useEffect((()=>{const e=o.current,t=window.HTMLInputElement.prototype,n=Object.getOwnPropertyDescriptor(t,"checked").set;if(s!==r&&n){const t=new Event("click",{bubbles:a});e.indeterminate=y(r),n.call(e,!y(r)&&r),e.dispatchEvent(t)}}),[s,r,a]),/*#__PURE__*/b.createElement("input",p({type:"checkbox","aria-hidden":!0,defaultChecked:!y(r)&&r},n,{tabIndex:-1,ref:o,style:{...e.style,...u,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function y(e){return"indeterminate"===e}function E(e){return y(e)?"indeterminate":e?"checked":"unchecked"}const q=m;exports.Root=q;const w=C;exports.Indicator=w;
+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$radixuireactlabel = require("@radix-ui/react-label");
+var $dKOox$radixuireactpresence = require("@radix-ui/react-presence");
+var $dKOox$radixuireactprimitive = require("@radix-ui/react-primitive");
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $a17f2c9fbf2ccf8c$exports = {};
+
+$parcel$export($a17f2c9fbf2ccf8c$exports, "createCheckboxScope", () => $a17f2c9fbf2ccf8c$export$b566c4ff5488ea01);
+$parcel$export($a17f2c9fbf2ccf8c$exports, "Checkbox", () => $a17f2c9fbf2ccf8c$export$48513f6b9f8ce62d);
+$parcel$export($a17f2c9fbf2ccf8c$exports, "CheckboxIndicator", () => $a17f2c9fbf2ccf8c$export$59aad738f51d1c05);
+$parcel$export($a17f2c9fbf2ccf8c$exports, "Root", () => $a17f2c9fbf2ccf8c$export$be92b6f5f03c0fe9);
+$parcel$export($a17f2c9fbf2ccf8c$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 , 'aria-labelledby': ariaLabelledby , 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 labelId = $dKOox$radixuireactlabel.useLabelContext(button);
+    const labelledBy = ariaLabelledby || labelId;
+    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({
+        prop: checkedProp,
+        defaultProp: defaultChecked,
+        onChange: onCheckedChange
+    });
+    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-labelledby": labelledBy,
+        "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.
+                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);
+        }
+    }, [
+        prevChecked,
+        checked,
+        bubbles
+    ]);
+    return /*#__PURE__*/ $dKOox$react.createElement("input", ($parcel$interopDefault($dKOox$babelruntimehelpersextends))({
+        type: "checkbox",
+        "aria-hidden": true,
+        defaultChecked: $a17f2c9fbf2ccf8c$var$isIndeterminate(checked) ? false : checked
+    }, inputProps, {
+        tabIndex: -1,
+        ref: ref,
+        style: {
+            ...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;
+
+
+$parcel$exportWildcard(module.exports, $a17f2c9fbf2ccf8c$exports);
+
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/checkbox/src/Checkbox.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n  Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\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 { useLabelContext } from '@radix-ui/react-label';\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      'aria-labelledby': ariaLabelledby,\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 labelId = useLabelContext(button);\n    const labelledBy = ariaLabelledby || labelId;\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\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-labelledby={labelledBy}\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":["dest","source","a","Object","keys","forEach","key","defineProperty","enumerable","get","__esModule","default","createCheckboxContext","createCheckboxScope","createContextScope","CheckboxProvider","useCheckboxContext","Checkbox","React","forwardRef","props","forwardedRef","__scopeCheckbox","ariaLabelledby","name","checked","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","checkboxProps","button","setButton","useState","composedRefs","useComposedRefs","node","labelId","useLabelContext","labelledBy","hasConsumerStoppedPropagationRef","useRef","isFormControl","Boolean","closest","setChecked","useControllableState","prop","defaultProp","onChange","_react","createElement","$eabaedc2140e2004adabe568fc5$var$CheckboxProvider","scope","state","Primitive","_babelRuntimeHelpersExtends","type","role","isIndeterminate","getState","undefined","ref","onKeyDown","composeEventHandlers","event","preventDefault","onClick","prevChecked","current","isPropagationStopped","stopPropagation","$eabaedc2140e2004adabe568fc5$var$BubbleInput","control","bubbles","style","transform","CheckboxIndicator","forceMount","indicatorProps","context","Presence","present","span","pointerEvents","BubbleInput","inputProps","usePrevious","controlSize","useSize","useEffect","input","inputProto","window","HTMLInputElement","prototype","getOwnPropertyDescriptor","set","Event","indeterminate","call","dispatchEvent","tabIndex","position","opacity","margin","Root","Indicator"],"version":3,"file":"index.js.map"}
+{"mappings":"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","sources":["packages/react/checkbox/src/index.ts","packages/react/checkbox/src/Checkbox.tsx"],"sourcesContent":["export * 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 { useLabelContext } from '@radix-ui/react-label';\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      'aria-labelledby': ariaLabelledby,\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 labelId = useLabelContext(button);\n    const labelledBy = ariaLabelledby || labelId;\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\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-labelledby={labelledBy}\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":["React","useComposedRefs","createContextScope","composeEventHandlers","useControllableState","usePrevious","useSize","useLabelContext","Presence","Primitive","CHECKBOX_NAME","createCheckboxContext","createCheckboxScope","CheckboxProvider","useCheckboxContext","Checkbox","forwardRef","props","forwardedRef","__scopeCheckbox","ariaLabelledby","name","checked","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","checkboxProps","button","setButton","useState","composedRefs","node","labelId","labelledBy","hasConsumerStoppedPropagationRef","useRef","isFormControl","Boolean","closest","setChecked","prop","defaultProp","onChange","isIndeterminate","getState","undefined","onKeyDown","event","key","preventDefault","onClick","prevChecked","current","isPropagationStopped","stopPropagation","transform","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","context","state","pointerEvents","style","BubbleInput","control","bubbles","inputProps","ref","controlSize","useEffect","input","inputProto","window","HTMLInputElement","prototype","descriptor","Object","getOwnPropertyDescriptor","set","Event","indeterminate","call","dispatchEvent","position","opacity","margin","Root","Indicator"],"version":3,"file":"index.js.map"}

package/dist/index.module.js

@@ -1,2 +1,175 @@
-import{Primitive as e}from"@radix-ui/react-primitive";import{Presence as t}from"@radix-ui/react-presence";import{useLabelContext as r}from"@radix-ui/react-label";import{useSize as o}from"@radix-ui/react-use-size";import{usePrevious as a}from"@radix-ui/react-use-previous";import{useControllableState as n}from"@radix-ui/react-use-controllable-state";import{composeEventHandlers as c}from"@radix-ui/primitive";import{createContextScope as i}from"@radix-ui/react-context";import{useComposedRefs as s}from"@radix-ui/react-compose-refs";import*as d from"react";import l from"@babel/runtime/helpers/esm/extends";const[u,p]=i("Checkbox");export{p as createCheckboxScope};const[m,b]=u("Checkbox");export const Checkbox=/*#__PURE__*/d.forwardRef(((t,o)=>{const{__scopeCheckbox:a,"aria-labelledby":i,name:u,checked:p,defaultChecked:b,required:k,disabled:C,value:y="on",onCheckedChange:v,...E}=t,[w,g]=d.useState(null),I=s(o,(e=>g(e))),R=r(w),D=i||R,P=d.useRef(!1),_=!w||Boolean(w.closest("form")),[q=!1,K]=n({prop:p,defaultProp:b,onChange:v});/*#__PURE__*/return d.createElement(m,{scope:a,state:q,disabled:C},/*#__PURE__*/d.createElement(e.button,l({type:"button",role:"checkbox","aria-checked":x(q)?"mixed":q,"aria-labelledby":D,"aria-required":k,"data-state":h(q),"data-disabled":C?"":void 0,disabled:C,value:y},E,{ref:I,onKeyDown:c(t.onKeyDown,(e=>{"Enter"===e.key&&e.preventDefault()})),onClick:c(t.onClick,(e=>{K((e=>!!x(e)||!e)),_&&(P.current=e.isPropagationStopped(),P.current||e.stopPropagation())}))})),_&&/*#__PURE__*/d.createElement(f,{control:w,bubbles:!P.current,name:u,value:y,checked:q,required:k,disabled:C,style:{transform:"translateX(-100%)"}}))}));/*#__PURE__*/export const CheckboxIndicator=/*#__PURE__*/d.forwardRef(((r,o)=>{const{__scopeCheckbox:a,forceMount:n,...c}=r,i=b("CheckboxIndicator",a);/*#__PURE__*/return d.createElement(t,{present:n||x(i.state)||!0===i.state},/*#__PURE__*/d.createElement(e.span,l({"data-state":h(i.state),"data-disabled":i.disabled?"":void 0},c,{ref:o,style:{pointerEvents:"none",...r.style}})))}));/*#__PURE__*/const f=e=>{const{control:t,checked:r,bubbles:n=!0,...c}=e,i=d.useRef(null),s=a(r),u=o(t);return d.useEffect((()=>{const e=i.current,t=window.HTMLInputElement.prototype,o=Object.getOwnPropertyDescriptor(t,"checked").set;if(s!==r&&o){const t=new Event("click",{bubbles:n});e.indeterminate=x(r),o.call(e,!x(r)&&r),e.dispatchEvent(t)}}),[s,r,n]),/*#__PURE__*/d.createElement("input",l({type:"checkbox","aria-hidden":!0,defaultChecked:!x(r)&&r},c,{tabIndex:-1,ref:i,style:{...e.style,...u,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function x(e){return"indeterminate"===e}function h(e){return x(e)?"indeterminate":e?"checked":"unchecked"}export const Root=Checkbox;export const Indicator=CheckboxIndicator;
+import $1bpvS$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
+import {forwardRef as $1bpvS$forwardRef, useState as $1bpvS$useState, useRef as $1bpvS$useRef, createElement as $1bpvS$createElement, useEffect as $1bpvS$useEffect} 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 {useLabelContext as $1bpvS$useLabelContext} from "@radix-ui/react-label";
+import {Presence as $1bpvS$Presence} from "@radix-ui/react-presence";
+import {Primitive as $1bpvS$Primitive} from "@radix-ui/react-primitive";
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $e698a72e93240346$exports = {};
+
+$parcel$export($e698a72e93240346$exports, "createCheckboxScope", () => $e698a72e93240346$export$b566c4ff5488ea01);
+$parcel$export($e698a72e93240346$exports, "Checkbox", () => $e698a72e93240346$export$48513f6b9f8ce62d);
+$parcel$export($e698a72e93240346$exports, "CheckboxIndicator", () => $e698a72e93240346$export$59aad738f51d1c05);
+$parcel$export($e698a72e93240346$exports, "Root", () => $e698a72e93240346$export$be92b6f5f03c0fe9);
+$parcel$export($e698a72e93240346$exports, "Indicator", () => $e698a72e93240346$export$adb584737d712b70);
+
+
+
+
+
+
+
+
+
+
+
+/* -------------------------------------------------------------------------------------------------
+ * 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 , 'aria-labelledby': ariaLabelledby , 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 labelId = $1bpvS$useLabelContext(button);
+    const labelledBy = ariaLabelledby || labelId;
+    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
+    });
+    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-labelledby": labelledBy,
+        "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
+            );
+            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();
+            }
+        })
+    })), 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);
+        }
+    }, [
+        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
+        }
+    }));
+};
+function $e698a72e93240346$var$isIndeterminate(checked) {
+    return checked === 'indeterminate';
+}
+function $e698a72e93240346$var$getState(checked) {
+    return $e698a72e93240346$var$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};
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/react/checkbox/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 { useLabelContext } from '@radix-ui/react-label';\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      'aria-labelledby': ariaLabelledby,\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 labelId = useLabelContext(button);\n    const labelledBy = ariaLabelledby || labelId;\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\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-labelledby={labelledBy}\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":["createCheckboxContext","createCheckboxScope","createContextScope","CheckboxProvider","useCheckboxContext","Checkbox","React","forwardRef","props","forwardedRef","__scopeCheckbox","ariaLabelledby","name","checked","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","checkboxProps","button","setButton","useState","composedRefs","useComposedRefs","node","labelId","useLabelContext","labelledBy","hasConsumerStoppedPropagationRef","useRef","isFormControl","Boolean","closest","setChecked","useControllableState","prop","defaultProp","onChange","_react","createElement","$f07a3f5319a7ee6a4f4bbe0b3d490ca$var$CheckboxProvider","scope","state","Primitive","_babelRuntimeHelpersEsmExtends","type","role","isIndeterminate","getState","undefined","ref","onKeyDown","composeEventHandlers","event","key","preventDefault","onClick","prevChecked","current","isPropagationStopped","stopPropagation","$f07a3f5319a7ee6a4f4bbe0b3d490ca$var$BubbleInput","control","bubbles","style","transform","CheckboxIndicator","forceMount","indicatorProps","context","Presence","present","span","pointerEvents","BubbleInput","inputProps","usePrevious","controlSize","useSize","useEffect","input","inputProto","window","HTMLInputElement","prototype","Object","getOwnPropertyDescriptor","set","Event","indeterminate","call","dispatchEvent","tabIndex","position","opacity","margin","Root","Indicator"],"version":3,"file":"index.module.js.map"}
+{"mappings":"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","sources":["packages/react/checkbox/src/index.ts","packages/react/checkbox/src/Checkbox.tsx"],"sourcesContent":["export * 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 { useLabelContext } from '@radix-ui/react-label';\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      'aria-labelledby': ariaLabelledby,\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 labelId = useLabelContext(button);\n    const labelledBy = ariaLabelledby || labelId;\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\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-labelledby={labelledBy}\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":["React","useComposedRefs","createContextScope","composeEventHandlers","useControllableState","usePrevious","useSize","useLabelContext","Presence","Primitive","CHECKBOX_NAME","createCheckboxContext","createCheckboxScope","CheckboxProvider","useCheckboxContext","Checkbox","forwardRef","props","forwardedRef","__scopeCheckbox","ariaLabelledby","name","checked","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","checkboxProps","button","setButton","useState","composedRefs","node","labelId","labelledBy","hasConsumerStoppedPropagationRef","useRef","isFormControl","Boolean","closest","setChecked","prop","defaultProp","onChange","isIndeterminate","getState","undefined","onKeyDown","event","key","preventDefault","onClick","prevChecked","current","isPropagationStopped","stopPropagation","transform","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","context","state","pointerEvents","style","BubbleInput","control","bubbles","inputProps","ref","controlSize","useEffect","input","inputProto","window","HTMLInputElement","prototype","descriptor","Object","getOwnPropertyDescriptor","set","Event","indeterminate","call","dispatchEvent","position","opacity","margin","Root","Indicator"],"version":3,"file":"index.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-checkbox",
-  "version": "0.1.6-rc.1",
+  "version": "0.1.6-rc.4",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",
@@ -18,17 +18,18 @@
   "dependencies": {
     "@babel/runtime": "^7.13.10",
     "@radix-ui/primitive": "0.1.0",
-    "@radix-ui/react-compose-refs": "0.1.1-rc.1",
-    "@radix-ui/react-context": "0.1.2-rc.1",
-    "@radix-ui/react-label": "0.1.6-rc.1",
-    "@radix-ui/react-presence": "0.1.3-rc.1",
-    "@radix-ui/react-primitive": "0.1.5-rc.1",
-    "@radix-ui/react-use-controllable-state": "0.1.1-rc.1",
-    "@radix-ui/react-use-previous": "0.1.2-rc.1",
-    "@radix-ui/react-use-size": "0.1.2-rc.1"
+    "@radix-ui/react-compose-refs": "0.1.1-rc.4",
+    "@radix-ui/react-context": "0.1.2-rc.4",
+    "@radix-ui/react-label": "0.1.6-rc.4",
+    "@radix-ui/react-presence": "0.1.3-rc.4",
+    "@radix-ui/react-primitive": "0.1.5-rc.4",
+    "@radix-ui/react-use-controllable-state": "0.1.1-rc.4",
+    "@radix-ui/react-use-previous": "0.1.2-rc.4",
+    "@radix-ui/react-use-size": "0.1.2-rc.4"
   },
   "peerDependencies": {
-    "react": "^16.8 || ^17.0 || ^18.0"
+    "react": "^16.8 || ^17.0 || ^18.0",
+    "react-dom": "^16.8 || ^17.0 || ^18.0"
   },
   "homepage": "https://radix-ui.com/primitives",
   "repository": {