@radix-ui/react-toggle 1.0.3-rc.9 → 1.1.0-rc.1

package/dist/index.d.mts

@@ -1,8 +1,9 @@
-import * as React from "react";
-import * as Radix from "@radix-ui/react-primitive";
-import { Primitive } from "@radix-ui/react-primitive";
-type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
-export interface ToggleProps extends PrimitiveButtonProps {
+import * as React from 'react';
+import * as Radix from '@radix-ui/react-primitive';
+import { Primitive } from '@radix-ui/react-primitive';
+
+declare type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface ToggleProps extends PrimitiveButtonProps {
     /**
      * The controlled state of the toggle.
      */
@@ -18,7 +19,7 @@ export interface ToggleProps extends PrimitiveButtonProps {
      */
     onPressedChange?(pressed: boolean): void;
 }
-export const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
-export const Root: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Root: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
 
-//# sourceMappingURL=index.d.ts.map
+export { Root, Toggle, type ToggleProps };

package/dist/index.d.ts

@@ -1,8 +1,9 @@
-import * as React from "react";
-import * as Radix from "@radix-ui/react-primitive";
-import { Primitive } from "@radix-ui/react-primitive";
-type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
-export interface ToggleProps extends PrimitiveButtonProps {
+import * as React from 'react';
+import * as Radix from '@radix-ui/react-primitive';
+import { Primitive } from '@radix-ui/react-primitive';
+
+declare type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface ToggleProps extends PrimitiveButtonProps {
     /**
      * The controlled state of the toggle.
      */
@@ -18,7 +19,7 @@ export interface ToggleProps extends PrimitiveButtonProps {
      */
     onPressedChange?(pressed: boolean): void;
 }
-export const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
-export const Root: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Root: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
 
-//# sourceMappingURL=index.d.ts.map
+export { Root, Toggle, type ToggleProps };

package/dist/index.js

@@ -1,51 +1,66 @@
-var $kLydb$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
-var $kLydb$react = require("react");
-var $kLydb$radixuiprimitive = require("@radix-ui/primitive");
-var $kLydb$radixuireactusecontrollablestate = require("@radix-ui/react-use-controllable-state");
-var $kLydb$radixuireactprimitive = require("@radix-ui/react-primitive");
+"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
+  ));
 
-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, "Toggle", () => $7d30e3d88c861f40$export$bea8ebba691c5813);
-$parcel$export(module.exports, "Root", () => $7d30e3d88c861f40$export$be92b6f5f03c0fe9);
-
-
-
-
-
-/* -------------------------------------------------------------------------------------------------
- * Toggle
- * -----------------------------------------------------------------------------------------------*/ const $7d30e3d88c861f40$var$NAME = 'Toggle';
-const $7d30e3d88c861f40$export$bea8ebba691c5813 = /*#__PURE__*/ $kLydb$react.forwardRef((props, forwardedRef)=>{
-    const { pressed: pressedProp , defaultPressed: defaultPressed = false , onPressedChange: onPressedChange , ...buttonProps } = props;
-    const [pressed = false, setPressed] = $kLydb$radixuireactusecontrollablestate.useControllableState({
-        prop: pressedProp,
-        onChange: onPressedChange,
-        defaultProp: defaultPressed
+  // packages/react/toggle/src/Toggle.tsx
+  var React = __toESM(__require("react"));
+  var import_primitive = __require("@radix-ui/primitive");
+  var import_react_use_controllable_state = __require("@radix-ui/react-use-controllable-state");
+  var import_react_primitive = __require("@radix-ui/react-primitive");
+  var import_jsx_runtime = __require("react/jsx-runtime");
+  var NAME = "Toggle";
+  var Toggle = React.forwardRef((props, forwardedRef) => {
+    const { pressed: pressedProp, defaultPressed = false, onPressedChange, ...buttonProps } = props;
+    const [pressed = false, setPressed] = (0, import_react_use_controllable_state.useControllableState)({
+      prop: pressedProp,
+      onChange: onPressedChange,
+      defaultProp: defaultPressed
     });
-    return /*#__PURE__*/ $kLydb$react.createElement($kLydb$radixuireactprimitive.Primitive.button, ($parcel$interopDefault($kLydb$babelruntimehelpersextends))({
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_primitive.Primitive.button,
+      {
         type: "button",
         "aria-pressed": pressed,
-        "data-state": pressed ? 'on' : 'off',
-        "data-disabled": props.disabled ? '' : undefined
-    }, buttonProps, {
+        "data-state": pressed ? "on" : "off",
+        "data-disabled": props.disabled ? "" : void 0,
+        ...buttonProps,
         ref: forwardedRef,
-        onClick: $kLydb$radixuiprimitive.composeEventHandlers(props.onClick, ()=>{
-            if (!props.disabled) setPressed(!pressed);
+        onClick: (0, import_primitive.composeEventHandlers)(props.onClick, () => {
+          if (!props.disabled) {
+            setPressed(!pressed);
+          }
         })
-    }));
-});
-/*#__PURE__*/ Object.assign($7d30e3d88c861f40$export$bea8ebba691c5813, {
-    displayName: $7d30e3d88c861f40$var$NAME
-});
-/* ---------------------------------------------------------------------------------------------- */ const $7d30e3d88c861f40$export$be92b6f5f03c0fe9 = $7d30e3d88c861f40$export$bea8ebba691c5813;
-
-
-
-
+      }
+    );
+  });
+  Toggle.displayName = NAME;
+  var Root = Toggle;
+})();
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1,7 @@
-{"mappings":";;;;;;;;;;;;;;;A;;;;;ACOA;;oGAEA,CAEA,MAAMM,0BAAI,GAAG,QAAb,AAAA;AAqBA,MAAMN,yCAAM,GAAA,aAAGE,CAAAA,uBAAA,CAA6C,CAACM,KAAD,EAAQC,YAAR,GAAyB;IACnF,MAAM,EAAEC,OAAO,EAAEC,WAAX,CAAA,kBAAwBC,cAAc,GAAG,KAAzC,G,iBAAgDC,eAAhD,CAAA,EAAiE,GAAGC,WAAH,EAAjE,GAAoFN,KAA1F,AAAM;IAEN,MAAM,CAACE,OAAO,GAAG,KAAX,EAAkBK,UAAlB,CAAA,GAAgCX,4DAAoB,CAAC;QACzDY,IAAI,EAAEL,WADmD;QAEzDM,QAAQ,EAAEJ,eAF+C;QAGzDK,WAAW,EAAEN,cAAbM;KAHwD,CAA1D,AAA2D;IAM3D,OAAA,aACE,CAAA,0BAAA,CAAC,sCAAD,CAAW,MAAX,EADF,2DAAA,CAAA;QAEI,IAAI,EAAC,QADP;QAEE,cAAA,EAAcR,OAFhB;QAGE,YAAA,EAAYA,OAAO,GAAG,IAAH,GAAU,KAH/B;QAIE,eAAA,EAAeF,KAAK,CAACW,QAAN,GAAiB,EAAjB,GAAsBC,SAArC;KAJF,EAKMN,WALN,EAAA;QAME,GAAG,EAAEL,YANP;QAOE,OAAO,EAAEN,4CAAoB,CAACK,KAAK,CAACa,OAAP,EAAgB,IAAM;YACjD,IAAI,CAACb,KAAK,CAACW,QAAX,EACEJ,UAAU,CAAC,CAACL,OAAF,CAAV,CAAAK;SAFyB,CAI5B;KAXH,CAAA,CADF,CACE;CAVW,CAAf,AAwBC;AAED,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,0BAAA;CAAA,CAAA,CAAA;AAEA,oGAAA,CAEA,MAAMd,yCAAI,GAAGD,yCAAb,AAAA;;AD9DA","sources":["packages/react/toggle/src/index.ts","packages/react/toggle/src/Toggle.tsx"],"sourcesContent":["export {\n  Toggle,\n  //\n  Root,\n} from './Toggle';\nexport type { ToggleProps } from './Toggle';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle';\n\ntype ToggleElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToggleProps extends PrimitiveButtonProps {\n  /**\n   * The controlled state of the toggle.\n   */\n  pressed?: boolean;\n  /**\n   * The state of the toggle when initially rendered. Use `defaultPressed`\n   * if you do not need to control the state of the toggle.\n   * @defaultValue false\n   */\n  defaultPressed?: boolean;\n  /**\n   * The callback that fires when the state of the toggle changes.\n   */\n  onPressedChange?(pressed: boolean): void;\n}\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>((props, forwardedRef) => {\n  const { pressed: pressedProp, defaultPressed = false, onPressedChange, ...buttonProps } = props;\n\n  const [pressed = false, setPressed] = useControllableState({\n    prop: pressedProp,\n    onChange: onPressedChange,\n    defaultProp: defaultPressed,\n  });\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      aria-pressed={pressed}\n      data-state={pressed ? 'on' : 'off'}\n      data-disabled={props.disabled ? '' : undefined}\n      {...buttonProps}\n      ref={forwardedRef}\n      onClick={composeEventHandlers(props.onClick, () => {\n        if (!props.disabled) {\n          setPressed(!pressed);\n        }\n      })}\n    />\n  );\n});\n\nToggle.displayName = NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toggle;\n\nexport {\n  Toggle,\n  //\n  Root,\n};\nexport type { ToggleProps };\n"],"names":["Toggle","Root","React","composeEventHandlers","useControllableState","Primitive","NAME","forwardRef","props","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","prop","onChange","defaultProp","disabled","undefined","onClick"],"version":3,"file":"index.js.map"}
+{
+  "version": 3,
+  "sources": ["../src/Toggle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle';\n\ntype ToggleElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToggleProps extends PrimitiveButtonProps {\n  /**\n   * The controlled state of the toggle.\n   */\n  pressed?: boolean;\n  /**\n   * The state of the toggle when initially rendered. Use `defaultPressed`\n   * if you do not need to control the state of the toggle.\n   * @defaultValue false\n   */\n  defaultPressed?: boolean;\n  /**\n   * The callback that fires when the state of the toggle changes.\n   */\n  onPressedChange?(pressed: boolean): void;\n}\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>((props, forwardedRef) => {\n  const { pressed: pressedProp, defaultPressed = false, onPressedChange, ...buttonProps } = props;\n\n  const [pressed = false, setPressed] = useControllableState({\n    prop: pressedProp,\n    onChange: onPressedChange,\n    defaultProp: defaultPressed,\n  });\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      aria-pressed={pressed}\n      data-state={pressed ? 'on' : 'off'}\n      data-disabled={props.disabled ? '' : undefined}\n      {...buttonProps}\n      ref={forwardedRef}\n      onClick={composeEventHandlers(props.onClick, () => {\n        if (!props.disabled) {\n          setPressed(!pressed);\n        }\n      })}\n    />\n  );\n});\n\nToggle.displayName = NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toggle;\n\nexport {\n  Toggle,\n  //\n  Root,\n};\nexport type { ToggleProps };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAuB;AACvB,yBAAqC;AACrC,4CAAqC;AACrC,+BAA0B;AAuCtB;AA/BJ,MAAM,OAAO;AAqBb,MAAM,SAAe,iBAAuC,CAAC,OAAO,iBAAiB;AACnF,UAAM,EAAE,SAAS,aAAa,iBAAiB,OAAO,iBAAiB,GAAG,YAAY,IAAI;AAE1F,UAAM,CAAC,UAAU,OAAO,UAAU,QAAI,0DAAqB;AAAA,MACzD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AAED,WACE;AAAA,MAAC,iCAAU;AAAA,MAAV;AAAA,QACC,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,cAAY,UAAU,OAAO;AAAA,QAC7B,iBAAe,MAAM,WAAW,KAAK;AAAA,QACpC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,aAAS,uCAAqB,MAAM,SAAS,MAAM;AACjD,cAAI,CAAC,MAAM,UAAU;AACnB,uBAAW,CAAC,OAAO;AAAA,UACrB;AAAA,QACF,CAAC;AAAA;AAAA,IACH;AAAA,EAEJ,CAAC;AAED,SAAO,cAAc;AAIrB,MAAM,OAAO;",
+  "names": []
+}

package/dist/index.mjs

@@ -1,43 +1,38 @@
-import $5AXX7$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
-import {forwardRef as $5AXX7$forwardRef, createElement as $5AXX7$createElement} from "react";
-import {composeEventHandlers as $5AXX7$composeEventHandlers} from "@radix-ui/primitive";
-import {useControllableState as $5AXX7$useControllableState} from "@radix-ui/react-use-controllable-state";
-import {Primitive as $5AXX7$Primitive} from "@radix-ui/react-primitive";
-
-
-
-
-
-
-/* -------------------------------------------------------------------------------------------------
- * Toggle
- * -----------------------------------------------------------------------------------------------*/ const $b3bbe2732c13b576$var$NAME = 'Toggle';
-const $b3bbe2732c13b576$export$bea8ebba691c5813 = /*#__PURE__*/ $5AXX7$forwardRef((props, forwardedRef)=>{
-    const { pressed: pressedProp , defaultPressed: defaultPressed = false , onPressedChange: onPressedChange , ...buttonProps } = props;
-    const [pressed = false, setPressed] = $5AXX7$useControllableState({
-        prop: pressedProp,
-        onChange: onPressedChange,
-        defaultProp: defaultPressed
-    });
-    return /*#__PURE__*/ $5AXX7$createElement($5AXX7$Primitive.button, $5AXX7$babelruntimehelpersesmextends({
-        type: "button",
-        "aria-pressed": pressed,
-        "data-state": pressed ? 'on' : 'off',
-        "data-disabled": props.disabled ? '' : undefined
-    }, buttonProps, {
-        ref: forwardedRef,
-        onClick: $5AXX7$composeEventHandlers(props.onClick, ()=>{
-            if (!props.disabled) setPressed(!pressed);
-        })
-    }));
+// packages/react/toggle/src/Toggle.tsx
+import * as React from "react";
+import { composeEventHandlers } from "@radix-ui/primitive";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { Primitive } from "@radix-ui/react-primitive";
+import { jsx } from "react/jsx-runtime";
+var NAME = "Toggle";
+var Toggle = React.forwardRef((props, forwardedRef) => {
+  const { pressed: pressedProp, defaultPressed = false, onPressedChange, ...buttonProps } = props;
+  const [pressed = false, setPressed] = useControllableState({
+    prop: pressedProp,
+    onChange: onPressedChange,
+    defaultProp: defaultPressed
+  });
+  return /* @__PURE__ */ jsx(
+    Primitive.button,
+    {
+      type: "button",
+      "aria-pressed": pressed,
+      "data-state": pressed ? "on" : "off",
+      "data-disabled": props.disabled ? "" : void 0,
+      ...buttonProps,
+      ref: forwardedRef,
+      onClick: composeEventHandlers(props.onClick, () => {
+        if (!props.disabled) {
+          setPressed(!pressed);
+        }
+      })
+    }
+  );
 });
-/*#__PURE__*/ Object.assign($b3bbe2732c13b576$export$bea8ebba691c5813, {
-    displayName: $b3bbe2732c13b576$var$NAME
-});
-/* ---------------------------------------------------------------------------------------------- */ const $b3bbe2732c13b576$export$be92b6f5f03c0fe9 = $b3bbe2732c13b576$export$bea8ebba691c5813;
-
-
-
-
-export {$b3bbe2732c13b576$export$bea8ebba691c5813 as Toggle, $b3bbe2732c13b576$export$be92b6f5f03c0fe9 as Root};
+Toggle.displayName = NAME;
+var Root = Toggle;
+export {
+  Root,
+  Toggle
+};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1,7 @@
-{"mappings":";;;;;;A;;;;;ACOA;;oGAEA,CAEA,MAAMM,0BAAI,GAAG,QAAb,AAAA;AAqBA,MAAMN,yCAAM,GAAA,aAAGE,CAAAA,iBAAA,CAA6C,CAACM,KAAD,EAAQC,YAAR,GAAyB;IACnF,MAAM,EAAEC,OAAO,EAAEC,WAAX,CAAA,kBAAwBC,cAAc,GAAG,KAAzC,G,iBAAgDC,eAAhD,CAAA,EAAiE,GAAGC,WAAH,EAAjE,GAAoFN,KAA1F,AAAM;IAEN,MAAM,CAACE,OAAO,GAAG,KAAX,EAAkBK,UAAlB,CAAA,GAAgCX,2BAAoB,CAAC;QACzDY,IAAI,EAAEL,WADmD;QAEzDM,QAAQ,EAAEJ,eAF+C;QAGzDK,WAAW,EAAEN,cAAbM;KAHwD,CAA1D,AAA2D;IAM3D,OAAA,aACE,CAAA,oBAAA,CAAC,gBAAD,CAAW,MAAX,EADF,oCAAA,CAAA;QAEI,IAAI,EAAC,QADP;QAEE,cAAA,EAAcR,OAFhB;QAGE,YAAA,EAAYA,OAAO,GAAG,IAAH,GAAU,KAH/B;QAIE,eAAA,EAAeF,KAAK,CAACW,QAAN,GAAiB,EAAjB,GAAsBC,SAArC;KAJF,EAKMN,WALN,EAAA;QAME,GAAG,EAAEL,YANP;QAOE,OAAO,EAAEN,2BAAoB,CAACK,KAAK,CAACa,OAAP,EAAgB,IAAM;YACjD,IAAI,CAACb,KAAK,CAACW,QAAX,EACEJ,UAAU,CAAC,CAACL,OAAF,CAAV,CAAAK;SAFyB,CAI5B;KAXH,CAAA,CADF,CACE;CAVW,CAAf,AAwBC;AAED,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,0BAAA;CAAA,CAAA,CAAA;AAEA,oGAAA,CAEA,MAAMd,yCAAI,GAAGD,yCAAb,AAAA;;AD9DA","sources":["packages/react/toggle/src/index.ts","packages/react/toggle/src/Toggle.tsx"],"sourcesContent":["export {\n  Toggle,\n  //\n  Root,\n} from './Toggle';\nexport type { ToggleProps } from './Toggle';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle';\n\ntype ToggleElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToggleProps extends PrimitiveButtonProps {\n  /**\n   * The controlled state of the toggle.\n   */\n  pressed?: boolean;\n  /**\n   * The state of the toggle when initially rendered. Use `defaultPressed`\n   * if you do not need to control the state of the toggle.\n   * @defaultValue false\n   */\n  defaultPressed?: boolean;\n  /**\n   * The callback that fires when the state of the toggle changes.\n   */\n  onPressedChange?(pressed: boolean): void;\n}\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>((props, forwardedRef) => {\n  const { pressed: pressedProp, defaultPressed = false, onPressedChange, ...buttonProps } = props;\n\n  const [pressed = false, setPressed] = useControllableState({\n    prop: pressedProp,\n    onChange: onPressedChange,\n    defaultProp: defaultPressed,\n  });\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      aria-pressed={pressed}\n      data-state={pressed ? 'on' : 'off'}\n      data-disabled={props.disabled ? '' : undefined}\n      {...buttonProps}\n      ref={forwardedRef}\n      onClick={composeEventHandlers(props.onClick, () => {\n        if (!props.disabled) {\n          setPressed(!pressed);\n        }\n      })}\n    />\n  );\n});\n\nToggle.displayName = NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toggle;\n\nexport {\n  Toggle,\n  //\n  Root,\n};\nexport type { ToggleProps };\n"],"names":["Toggle","Root","React","composeEventHandlers","useControllableState","Primitive","NAME","forwardRef","props","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","prop","onChange","defaultProp","disabled","undefined","onClick"],"version":3,"file":"index.mjs.map"}
+{
+  "version": 3,
+  "sources": ["../src/Toggle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle';\n\ntype ToggleElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToggleProps extends PrimitiveButtonProps {\n  /**\n   * The controlled state of the toggle.\n   */\n  pressed?: boolean;\n  /**\n   * The state of the toggle when initially rendered. Use `defaultPressed`\n   * if you do not need to control the state of the toggle.\n   * @defaultValue false\n   */\n  defaultPressed?: boolean;\n  /**\n   * The callback that fires when the state of the toggle changes.\n   */\n  onPressedChange?(pressed: boolean): void;\n}\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>((props, forwardedRef) => {\n  const { pressed: pressedProp, defaultPressed = false, onPressedChange, ...buttonProps } = props;\n\n  const [pressed = false, setPressed] = useControllableState({\n    prop: pressedProp,\n    onChange: onPressedChange,\n    defaultProp: defaultPressed,\n  });\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      aria-pressed={pressed}\n      data-state={pressed ? 'on' : 'off'}\n      data-disabled={props.disabled ? '' : undefined}\n      {...buttonProps}\n      ref={forwardedRef}\n      onClick={composeEventHandlers(props.onClick, () => {\n        if (!props.disabled) {\n          setPressed(!pressed);\n        }\n      })}\n    />\n  );\n});\n\nToggle.displayName = NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toggle;\n\nexport {\n  Toggle,\n  //\n  Root,\n};\nexport type { ToggleProps };\n"],
+  "mappings": ";AAAA,YAAY,WAAW;AACvB,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,iBAAiB;AAuCtB;AA/BJ,IAAM,OAAO;AAqBb,IAAM,SAAe,iBAAuC,CAAC,OAAO,iBAAiB;AACnF,QAAM,EAAE,SAAS,aAAa,iBAAiB,OAAO,iBAAiB,GAAG,YAAY,IAAI;AAE1F,QAAM,CAAC,UAAU,OAAO,UAAU,IAAI,qBAAqB;AAAA,IACzD,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,EACf,CAAC;AAED,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACC,MAAK;AAAA,MACL,gBAAc;AAAA,MACd,cAAY,UAAU,OAAO;AAAA,MAC7B,iBAAe,MAAM,WAAW,KAAK;AAAA,MACpC,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,SAAS,qBAAqB,MAAM,SAAS,MAAM;AACjD,YAAI,CAAC,MAAM,UAAU;AACnB,qBAAW,CAAC,OAAO;AAAA,QACrB;AAAA,MACF,CAAC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,OAAO,cAAc;AAIrB,IAAM,OAAO;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-toggle",
-  "version": "1.0.3-rc.9",
+  "version": "1.1.0-rc.1",
   "license": "MIT",
   "exports": {
     ".": {
@@ -28,10 +28,9 @@
     "version": "yarn version"
   },
   "dependencies": {
-    "@babel/runtime": "^7.13.10",
-    "@radix-ui/primitive": "1.0.1-rc.4",
-    "@radix-ui/react-primitive": "1.0.3-rc.9",
-    "@radix-ui/react-use-controllable-state": "1.0.1-rc.4"
+    "@radix-ui/primitive": "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"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -55,5 +54,5 @@
   "bugs": {
     "url": "https://github.com/radix-ui/primitives/issues"
   },
-  "stableVersion": "1.0.2"
+  "stableVersion": "1.0.3"
 }

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";;;AAcA,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,4BAAsB,SAAQ,oBAAoB;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CAC1C;AAED,OAAA,MAAM,6FAwBJ,CAAC;AAMH,OAAA,MAAM,2FAAa,CAAC","sources":["packages/react/toggle/src/packages/react/toggle/src/Toggle.tsx","packages/react/toggle/src/packages/react/toggle/src/index.ts","packages/react/toggle/src/index.ts"],"sourcesContent":[null,null,"export {\n  Toggle,\n  //\n  Root,\n} from './Toggle';\nexport type { ToggleProps } from './Toggle';\n"],"names":[],"version":3,"file":"index.d.ts.map"}