52 lines
2.3 KiB
JavaScript
52 lines
2.3 KiB
JavaScript
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");
|
|
|
|
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
|
|
});
|
|
return /*#__PURE__*/ $kLydb$react.createElement($kLydb$radixuireactprimitive.Primitive.button, ($parcel$interopDefault($kLydb$babelruntimehelpersextends))({
|
|
type: "button",
|
|
"aria-pressed": pressed,
|
|
"data-state": pressed ? 'on' : 'off',
|
|
"data-disabled": props.disabled ? '' : undefined
|
|
}, buttonProps, {
|
|
ref: forwardedRef,
|
|
onClick: $kLydb$radixuiprimitive.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;
|
|
|
|
|
|
|
|
|
|
//# sourceMappingURL=index.js.map
|