@helpdice/ui 1.4.9 → 1.5.1

package/dist/modal/index.js

@@ -155,8 +155,8 @@ function _slicedToArray(r, e) {
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
-  if (undefined !== e) {
-    var i = e.call(t, r || "default");
+  if (void 0 !== e) {
+    var i = e.call(t, r);
     if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -179,7 +179,7 @@ function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : undefined;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
 }
 
@@ -293,7 +293,7 @@ function requireIndex () {
 	    }
 	}
 	function _createClass(Constructor, protoProps, staticProps) {
-	    _defineProperties(Constructor.prototype, protoProps);
+	    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
 	    return Constructor;
 	}
 	var isProd = typeof process !== "undefined" && process.env && process.env.NODE_ENV === "production";
@@ -302,7 +302,7 @@ function requireIndex () {
 	};
 	var StyleSheet = /*#__PURE__*/ function() {
 	    function StyleSheet(param) {
-	        var ref = param === undefined ? {} : param, _name = ref.name, name = _name === undefined ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? isProd : _optimizeForSpeed;
+	        var ref = param === void 0 ? {} : param, _name = ref.name, name = _name === void 0 ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? isProd : _optimizeForSpeed;
 	        invariant$1(isString(name), "`name` must be a string");
 	        this._name = name;
 	        this._deletedRulePlaceholder = "#" + name + "-deleted-rule____{}";
@@ -560,7 +560,7 @@ function requireIndex () {
 	}
 
 	function mapRulesToStyle(cssRules, options) {
-	    if (options === undefined) options = {};
+	    if (options === void 0) options = {};
 	    return cssRules.map(function(args) {
 	        var id = args[0];
 	        var css = args[1];
@@ -577,7 +577,7 @@ function requireIndex () {
 	}
 	var StyleSheetRegistry = /*#__PURE__*/ function() {
 	    function StyleSheetRegistry(param) {
-	        var ref = param === undefined ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === undefined ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? false : _optimizeForSpeed;
+	        var ref = param === void 0 ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === void 0 ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? false : _optimizeForSpeed;
 	        this._sheet = styleSheet || new StyleSheet({
 	            name: "styled-jsx",
 	            optimizeForSpeed: optimizeForSpeed
@@ -1040,17 +1040,17 @@ var _excluded$b = ["children", "className", "visible", "enterTime", "leaveTime",
 var CssTransition = function CssTransition(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$visible = _ref.visible,
-    visible = _ref$visible === undefined ? false : _ref$visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
     _ref$enterTime = _ref.enterTime,
-    enterTime = _ref$enterTime === undefined ? 60 : _ref$enterTime,
+    enterTime = _ref$enterTime === void 0 ? 60 : _ref$enterTime,
     _ref$leaveTime = _ref.leaveTime,
-    leaveTime = _ref$leaveTime === undefined ? 60 : _ref$leaveTime,
+    leaveTime = _ref$leaveTime === void 0 ? 60 : _ref$leaveTime,
     _ref$clearTime = _ref.clearTime,
-    clearTime = _ref$clearTime === undefined ? 60 : _ref$clearTime,
+    clearTime = _ref$clearTime === void 0 ? 60 : _ref$clearTime,
     _ref$name = _ref.name,
-    name = _ref$name === undefined ? 'transition' : _ref$name,
+    name = _ref$name === void 0 ? 'transition' : _ref$name,
     props = _objectWithoutProperties(_ref, _excluded$b);
   var _useState = React.useState(''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -1219,9 +1219,9 @@ var withScale = function withScale(Render) {
       margin = props.margin,
       padding = props.padding,
       _props$unit = props.unit,
-      unit = _props$unit === undefined ? layout.unit : _props$unit,
+      unit = _props$unit === void 0 ? layout.unit : _props$unit,
       _props$scale = props.scale,
-      scale = _props$scale === undefined ? 1 : _props$scale;
+      scale = _props$scale === void 0 ? 1 : _props$scale;
     var makeScaleHandler = function makeScaleHandler(attrValue) {
       return function (scale1x, defaultValue) {
         // 0 means disable scale and the default value is 0
@@ -1242,20 +1242,20 @@ var withScale = function withScale(Render) {
     var value = {
       unit: unit,
       SCALES: {
-        pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== undefined ? paddingTop : pt) !== null && _ref3 !== undefined ? _ref3 : py) !== null && _ref2 !== undefined ? _ref2 : padding),
-        pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== undefined ? paddingRight : pr) !== null && _ref5 !== undefined ? _ref5 : px) !== null && _ref4 !== undefined ? _ref4 : padding),
-        pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== undefined ? paddingBottom : pb) !== null && _ref7 !== undefined ? _ref7 : py) !== null && _ref6 !== undefined ? _ref6 : padding),
-        pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== undefined ? paddingLeft : pl) !== null && _ref9 !== undefined ? _ref9 : px) !== null && _ref8 !== undefined ? _ref8 : padding),
-        px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== undefined ? px : paddingLeft) !== null && _ref13 !== undefined ? _ref13 : paddingRight) !== null && _ref12 !== undefined ? _ref12 : pl) !== null && _ref11 !== undefined ? _ref11 : pr) !== null && _ref10 !== undefined ? _ref10 : padding),
-        py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== undefined ? py : paddingTop) !== null && _ref17 !== undefined ? _ref17 : paddingBottom) !== null && _ref16 !== undefined ? _ref16 : pt) !== null && _ref15 !== undefined ? _ref15 : pb) !== null && _ref14 !== undefined ? _ref14 : padding),
-        mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== undefined ? marginTop : mt) !== null && _ref19 !== undefined ? _ref19 : my) !== null && _ref18 !== undefined ? _ref18 : margin),
-        mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== undefined ? marginRight : mr) !== null && _ref21 !== undefined ? _ref21 : mx) !== null && _ref20 !== undefined ? _ref20 : margin),
-        mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== undefined ? marginBottom : mb) !== null && _ref23 !== undefined ? _ref23 : my) !== null && _ref22 !== undefined ? _ref22 : margin),
-        ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== undefined ? marginLeft : ml) !== null && _ref25 !== undefined ? _ref25 : mx) !== null && _ref24 !== undefined ? _ref24 : margin),
-        mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== undefined ? mx : marginLeft) !== null && _ref29 !== undefined ? _ref29 : marginRight) !== null && _ref28 !== undefined ? _ref28 : ml) !== null && _ref27 !== undefined ? _ref27 : mr) !== null && _ref26 !== undefined ? _ref26 : margin),
-        my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== undefined ? my : marginTop) !== null && _ref33 !== undefined ? _ref33 : marginBottom) !== null && _ref32 !== undefined ? _ref32 : mt) !== null && _ref31 !== undefined ? _ref31 : mb) !== null && _ref30 !== undefined ? _ref30 : margin),
-        width: makeScaleHandler(width !== null && width !== undefined ? width : w),
-        height: makeScaleHandler(height !== null && height !== undefined ? height : h),
+        pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : pt) !== null && _ref3 !== void 0 ? _ref3 : py) !== null && _ref2 !== void 0 ? _ref2 : padding),
+        pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : pr) !== null && _ref5 !== void 0 ? _ref5 : px) !== null && _ref4 !== void 0 ? _ref4 : padding),
+        pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : pb) !== null && _ref7 !== void 0 ? _ref7 : py) !== null && _ref6 !== void 0 ? _ref6 : padding),
+        pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : pl) !== null && _ref9 !== void 0 ? _ref9 : px) !== null && _ref8 !== void 0 ? _ref8 : padding),
+        px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== void 0 ? px : paddingLeft) !== null && _ref13 !== void 0 ? _ref13 : paddingRight) !== null && _ref12 !== void 0 ? _ref12 : pl) !== null && _ref11 !== void 0 ? _ref11 : pr) !== null && _ref10 !== void 0 ? _ref10 : padding),
+        py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== void 0 ? py : paddingTop) !== null && _ref17 !== void 0 ? _ref17 : paddingBottom) !== null && _ref16 !== void 0 ? _ref16 : pt) !== null && _ref15 !== void 0 ? _ref15 : pb) !== null && _ref14 !== void 0 ? _ref14 : padding),
+        mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref19 !== void 0 ? _ref19 : my) !== null && _ref18 !== void 0 ? _ref18 : margin),
+        mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref21 !== void 0 ? _ref21 : mx) !== null && _ref20 !== void 0 ? _ref20 : margin),
+        mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref23 !== void 0 ? _ref23 : my) !== null && _ref22 !== void 0 ? _ref22 : margin),
+        ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref25 !== void 0 ? _ref25 : mx) !== null && _ref24 !== void 0 ? _ref24 : margin),
+        mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== void 0 ? mx : marginLeft) !== null && _ref29 !== void 0 ? _ref29 : marginRight) !== null && _ref28 !== void 0 ? _ref28 : ml) !== null && _ref27 !== void 0 ? _ref27 : mr) !== null && _ref26 !== void 0 ? _ref26 : margin),
+        my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== void 0 ? my : marginTop) !== null && _ref33 !== void 0 ? _ref33 : marginBottom) !== null && _ref32 !== void 0 ? _ref32 : mt) !== null && _ref31 !== void 0 ? _ref31 : mb) !== null && _ref30 !== void 0 ? _ref30 : margin),
+        width: makeScaleHandler(width !== null && width !== void 0 ? width : w),
+        height: makeScaleHandler(height !== null && height !== void 0 ? height : h),
         font: makeScaleHandler(font)
       },
       getScaleProps: generateGetScaleProps(props),
@@ -1307,10 +1307,10 @@ var useClasses = function useClasses() {
 var _excluded$9 = ["className", "children", "visible"];
 var ModalWrapper = function ModalWrapper(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     _ref$visible = _ref.visible,
-    visible = _ref$visible === undefined ? false : _ref$visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
     props = _objectWithoutProperties(_ref, _excluded$9);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -1377,9 +1377,9 @@ var useModalContext = function useModalContext() {
 
 var ButtonDrip = function ButtonDrip(_ref) {
   var _ref$x = _ref.x,
-    x = _ref$x === undefined ? 0 : _ref$x,
+    x = _ref$x === void 0 ? 0 : _ref$x,
     _ref$y = _ref.y,
-    y = _ref$y === undefined ? 0 : _ref$y,
+    y = _ref$y === void 0 ? 0 : _ref$y,
     color = _ref.color,
     onCompleted = _ref.onCompleted;
   var dripRef = React.useRef(null);
@@ -1443,12 +1443,12 @@ var getIconBgColor = function getIconBgColor(type, palette, color) {
 var LoadingComponent = function LoadingComponent(_ref) {
   var children = _ref.children,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     color = _ref.color,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$spaceRatio = _ref.spaceRatio,
-    spaceRatio = _ref$spaceRatio === undefined ? 1 : _ref$spaceRatio,
+    spaceRatio = _ref$spaceRatio === void 0 ? 1 : _ref$spaceRatio,
     props = _objectWithoutProperties(_ref, _excluded$8);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -1492,11 +1492,11 @@ ButtonLoading.displayName = 'GeistButtonLoading';
 var _excluded$7 = ["isRight", "isSingle", "children", "className"];
 var ButtonIcon = function ButtonIcon(_ref) {
   var _ref$isRight = _ref.isRight,
-    isRight = _ref$isRight === undefined ? false : _ref$isRight,
+    isRight = _ref$isRight === void 0 ? false : _ref$isRight,
     isSingle = _ref.isSingle,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$7);
   var classes = useClasses('icon', {
     right: isRight,
@@ -1666,7 +1666,7 @@ var getButtonColors = function getButtonColors(palette, props) {
    *   Color['success'] === Color['success-light']
    *   Color['warning'] === Color['warning-light']
    */
-  var withoutLightType = type === null || type === undefined ? undefined : type.replace('-light', '');
+  var withoutLightType = type === null || type === void 0 ? void 0 : type.replace('-light', '');
   var defaultColor = colors["default"];
   if (ghost) return getButtonGhostColors(palette, withoutLightType) || defaultColor;
   return colors[withoutLightType] || defaultColor;
@@ -1805,27 +1805,27 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
   /* eslint-disable @typescript-eslint/no-unused-vars */
   var children = filteredProps.children,
     _filteredProps$disabl = filteredProps.disabled,
-    disabled = _filteredProps$disabl === undefined ? false : _filteredProps$disabl;
+    disabled = _filteredProps$disabl === void 0 ? false : _filteredProps$disabl;
     filteredProps.type;
     var _filteredProps$loadin = filteredProps.loading,
-    loading = _filteredProps$loadin === undefined ? false : _filteredProps$loadin,
+    loading = _filteredProps$loadin === void 0 ? false : _filteredProps$loadin,
     _filteredProps$shadow = filteredProps.shadow,
-    shadow = _filteredProps$shadow === undefined ? false : _filteredProps$shadow,
+    shadow = _filteredProps$shadow === void 0 ? false : _filteredProps$shadow,
     _filteredProps$ghost = filteredProps.ghost,
-    ghost = _filteredProps$ghost === undefined ? false : _filteredProps$ghost,
+    ghost = _filteredProps$ghost === void 0 ? false : _filteredProps$ghost,
     _filteredProps$effect = filteredProps.effect,
-    effect = _filteredProps$effect === undefined ? true : _filteredProps$effect,
+    effect = _filteredProps$effect === void 0 ? true : _filteredProps$effect,
     _filteredProps$round = filteredProps.round,
-    round = _filteredProps$round === undefined ? false : _filteredProps$round,
+    round = _filteredProps$round === void 0 ? false : _filteredProps$round,
     onClick = filteredProps.onClick,
     _filteredProps$auto = filteredProps.auto,
-    auto = _filteredProps$auto === undefined ? false : _filteredProps$auto,
+    auto = _filteredProps$auto === void 0 ? false : _filteredProps$auto,
     icon = filteredProps.icon,
     _filteredProps$htmlTy = filteredProps.htmlType,
-    htmlType = _filteredProps$htmlTy === undefined ? 'button' : _filteredProps$htmlTy,
+    htmlType = _filteredProps$htmlTy === void 0 ? 'button' : _filteredProps$htmlTy,
     iconRight = filteredProps.iconRight,
     _filteredProps$classN = filteredProps.className,
-    className = _filteredProps$classN === undefined ? '' : _filteredProps$classN;
+    className = _filteredProps$classN === void 0 ? '' : _filteredProps$classN;
     filteredProps.crossOrigin;
     var props = _objectWithoutProperties(filteredProps, _excluded$6);
   /* eslint-enable @typescript-eslint/no-unused-vars */
@@ -1899,13 +1899,13 @@ var Button = withScale(ButtonComponent);
 var _excluded$5 = ["className", "children", "onClick", "passive", "disabled"];
 var ModalActionComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     onClick = _ref.onClick,
     _ref$passive = _ref.passive,
-    passive = _ref$passive === undefined ? false : _ref$passive,
+    passive = _ref$passive === void 0 ? false : _ref$passive,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     props = _objectWithoutProperties(_ref, _excluded$5);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -2005,18 +2005,18 @@ var _excluded$3 = ["children", "onClick", "visible", "width", "onContentClick",
 var Backdrop = /*#__PURE__*/React.memo(function (_ref) {
   var children = _ref.children,
     _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === undefined ? function () {} : _ref$onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
     _ref$visible = _ref.visible,
-    visible = _ref$visible === undefined ? false : _ref$visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
     width = _ref.width,
     _ref$onContentClick = _ref.onContentClick,
-    onContentClick = _ref$onContentClick === undefined ? function () {} : _ref$onContentClick,
+    onContentClick = _ref$onContentClick === void 0 ? function () {} : _ref$onContentClick,
     _ref$backdropClassNam = _ref.backdropClassName,
-    backdropClassName = _ref$backdropClassNam === undefined ? '' : _ref$backdropClassNam,
+    backdropClassName = _ref$backdropClassNam === void 0 ? '' : _ref$backdropClassNam,
     _ref$positionClassNam = _ref.positionClassName,
-    positionClassName = _ref$positionClassNam === undefined ? '' : _ref$positionClassNam,
+    positionClassName = _ref$positionClassNam === void 0 ? '' : _ref$positionClassNam,
     _ref$layerClassName = _ref.layerClassName,
-    layerClassName = _ref$layerClassName === undefined ? '' : _ref$layerClassName,
+    layerClassName = _ref$layerClassName === void 0 ? '' : _ref$layerClassName,
     props = _objectWithoutProperties(_ref, _excluded$3);
   var theme = useTheme();
   var _useCurrentState = useCurrentState(false),
@@ -2064,12 +2064,12 @@ var defaultOptions = {
 };
 var elementStack = new Map();
 var getOwnerPaddingRight = function getOwnerPaddingRight(element) {
-  var owner = (element === null || element === undefined ? undefined : element.ownerDocument) || document;
+  var owner = (element === null || element === void 0 ? void 0 : element.ownerDocument) || document;
   var view = owner.defaultView || window;
   return Number.parseInt(view.getComputedStyle(element).paddingRight, 10) || 0;
 };
 var getOwnerScrollbarWidth = function getOwnerScrollbarWidth(element) {
-  var doc = (element === null || element === undefined ? undefined : element.ownerDocument) || document;
+  var doc = (element === null || element === void 0 ? void 0 : element.ownerDocument) || document;
   return Math.abs(window.innerWidth - doc.documentElement.clientWidth);
 };
 var useBodyScroll = function useBodyScroll(elementRef, options) {
@@ -2082,7 +2082,7 @@ var useBodyScroll = function useBodyScroll(elementRef, options) {
     _useState2 = _slicedToArray(_useState, 2),
     hidden = _useState2[0],
     setHidden = _useState2[1];
-  var safeOptions = _objectSpread2(_objectSpread2({}, defaultOptions), options);
+  var safeOptions = _objectSpread2(_objectSpread2({}, defaultOptions), options || {});
   React.useEffect(function () {
     if (!elRef || !elRef.current) return;
     var lastOverflow = elRef.current.style.overflow;
@@ -2242,15 +2242,15 @@ var useKeyboard = function useKeyboard(handler, keyBindings) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var bindings = Array.isArray(keyBindings) ? keyBindings : [keyBindings];
   var _options$disableGloba = options.disableGlobalEvent,
-    disableGlobalEvent = _options$disableGloba === undefined ? false : _options$disableGloba,
+    disableGlobalEvent = _options$disableGloba === void 0 ? false : _options$disableGloba,
     _options$capture = options.capture,
-    capture = _options$capture === undefined ? false : _options$capture,
+    capture = _options$capture === void 0 ? false : _options$capture,
     _options$stopPropagat = options.stopPropagation,
-    stopPropagation = _options$stopPropagat === undefined ? false : _options$stopPropagat,
+    stopPropagation = _options$stopPropagat === void 0 ? false : _options$stopPropagat,
     _options$preventDefau = options.preventDefault,
-    preventDefault = _options$preventDefau === undefined ? true : _options$preventDefau,
+    preventDefault = _options$preventDefau === void 0 ? true : _options$preventDefau,
     _options$event = options.event,
-    event = _options$event === undefined ? 'keydown' : _options$event;
+    event = _options$event === void 0 ? 'keydown' : _options$event;
   var activeModMap = getActiveModMap(bindings);
   var keyCode = bindings.filter(function (item) {
     return !KeyMod[item];
@@ -2273,7 +2273,7 @@ var useKeyboard = function useKeyboard(handler, keyBindings) {
     if (preventDefault) {
       event.preventDefault();
     }
-    handler(event);
+    handler && handler(event);
   };
   React.useEffect(function () {
     if (!disableGlobalEvent) {
@@ -2308,18 +2308,18 @@ var ModalComponent = function ModalComponent(_ref) {
     onClose = _ref.onClose,
     children = _ref.children,
     _ref$keyboard = _ref.keyboard,
-    keyboard = _ref$keyboard === undefined ? true : _ref$keyboard,
+    keyboard = _ref$keyboard === void 0 ? true : _ref$keyboard,
     _ref$wrapClassName = _ref.wrapClassName,
-    wrapClassName = _ref$wrapClassName === undefined ? '' : _ref$wrapClassName,
+    wrapClassName = _ref$wrapClassName === void 0 ? '' : _ref$wrapClassName,
     onContentClick = _ref.onContentClick,
     _ref$disableBackdropC = _ref.disableBackdropClick,
-    disableBackdropClick = _ref$disableBackdropC === undefined ? false : _ref$disableBackdropC,
+    disableBackdropClick = _ref$disableBackdropC === void 0 ? false : _ref$disableBackdropC,
     _ref$positionClassNam = _ref.positionClassName,
-    positionClassName = _ref$positionClassNam === undefined ? '' : _ref$positionClassNam,
+    positionClassName = _ref$positionClassNam === void 0 ? '' : _ref$positionClassNam,
     _ref$backdropClassNam = _ref.backdropClassName,
-    backdropClassName = _ref$backdropClassNam === undefined ? '' : _ref$backdropClassNam,
+    backdropClassName = _ref$backdropClassNam === void 0 ? '' : _ref$backdropClassNam,
     _ref$layerClassName = _ref.layerClassName,
-    layerClassName = _ref$layerClassName === undefined ? '' : _ref$layerClassName;
+    layerClassName = _ref$layerClassName === void 0 ? '' : _ref$layerClassName;
   var portal = usePortal('modal');
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -2384,7 +2384,7 @@ var Modal = withScale(ModalComponent);
 var _excluded$2 = ["className", "children"];
 var ModalTitleComponent = function ModalTitleComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$2);
   var theme = useTheme();
@@ -2403,7 +2403,7 @@ var ModalTitle = withScale(ModalTitleComponent);
 var _excluded$1 = ["className", "children"];
 var ModalSubtitleComponent = function ModalSubtitleComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$1);
   var theme = useTheme();
@@ -2422,7 +2422,7 @@ var ModalSubtitle = withScale(ModalSubtitleComponent);
 var _excluded = ["className", "children"];
 var ModalContentComponent = function ModalContentComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useScale = useScale(),

package/dist/note/index.js

@@ -118,8 +118,8 @@ function _objectWithoutPropertiesLoose(r, e) {
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
-  if (undefined !== e) {
-    var i = e.call(t, r || "default");
+  if (void 0 !== e) {
+    var i = e.call(t, r);
     if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -142,7 +142,7 @@ function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : undefined;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
 }
 
@@ -176,7 +176,7 @@ function requireIndex () {
 	    }
 	}
 	function _createClass(Constructor, protoProps, staticProps) {
-	    _defineProperties(Constructor.prototype, protoProps);
+	    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
 	    return Constructor;
 	}
 	var isProd = typeof process !== "undefined" && process.env && process.env.NODE_ENV === "production";
@@ -185,7 +185,7 @@ function requireIndex () {
 	};
 	var StyleSheet = /*#__PURE__*/ function() {
 	    function StyleSheet(param) {
-	        var ref = param === undefined ? {} : param, _name = ref.name, name = _name === undefined ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? isProd : _optimizeForSpeed;
+	        var ref = param === void 0 ? {} : param, _name = ref.name, name = _name === void 0 ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? isProd : _optimizeForSpeed;
 	        invariant$1(isString(name), "`name` must be a string");
 	        this._name = name;
 	        this._deletedRulePlaceholder = "#" + name + "-deleted-rule____{}";
@@ -443,7 +443,7 @@ function requireIndex () {
 	}
 
 	function mapRulesToStyle(cssRules, options) {
-	    if (options === undefined) options = {};
+	    if (options === void 0) options = {};
 	    return cssRules.map(function(args) {
 	        var id = args[0];
 	        var css = args[1];
@@ -460,7 +460,7 @@ function requireIndex () {
 	}
 	var StyleSheetRegistry = /*#__PURE__*/ function() {
 	    function StyleSheetRegistry(param) {
-	        var ref = param === undefined ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === undefined ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? false : _optimizeForSpeed;
+	        var ref = param === void 0 ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === void 0 ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? false : _optimizeForSpeed;
 	        this._sheet = styleSheet || new StyleSheet({
 	            name: "styled-jsx",
 	            optimizeForSpeed: optimizeForSpeed
@@ -1049,9 +1049,9 @@ var withScale = function withScale(Render) {
       margin = props.margin,
       padding = props.padding,
       _props$unit = props.unit,
-      unit = _props$unit === undefined ? layout.unit : _props$unit,
+      unit = _props$unit === void 0 ? layout.unit : _props$unit,
       _props$scale = props.scale,
-      scale = _props$scale === undefined ? 1 : _props$scale;
+      scale = _props$scale === void 0 ? 1 : _props$scale;
     var makeScaleHandler = function makeScaleHandler(attrValue) {
       return function (scale1x, defaultValue) {
         // 0 means disable scale and the default value is 0
@@ -1072,20 +1072,20 @@ var withScale = function withScale(Render) {
     var value = {
       unit: unit,
       SCALES: {
-        pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== undefined ? paddingTop : pt) !== null && _ref3 !== undefined ? _ref3 : py) !== null && _ref2 !== undefined ? _ref2 : padding),
-        pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== undefined ? paddingRight : pr) !== null && _ref5 !== undefined ? _ref5 : px) !== null && _ref4 !== undefined ? _ref4 : padding),
-        pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== undefined ? paddingBottom : pb) !== null && _ref7 !== undefined ? _ref7 : py) !== null && _ref6 !== undefined ? _ref6 : padding),
-        pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== undefined ? paddingLeft : pl) !== null && _ref9 !== undefined ? _ref9 : px) !== null && _ref8 !== undefined ? _ref8 : padding),
-        px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== undefined ? px : paddingLeft) !== null && _ref13 !== undefined ? _ref13 : paddingRight) !== null && _ref12 !== undefined ? _ref12 : pl) !== null && _ref11 !== undefined ? _ref11 : pr) !== null && _ref10 !== undefined ? _ref10 : padding),
-        py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== undefined ? py : paddingTop) !== null && _ref17 !== undefined ? _ref17 : paddingBottom) !== null && _ref16 !== undefined ? _ref16 : pt) !== null && _ref15 !== undefined ? _ref15 : pb) !== null && _ref14 !== undefined ? _ref14 : padding),
-        mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== undefined ? marginTop : mt) !== null && _ref19 !== undefined ? _ref19 : my) !== null && _ref18 !== undefined ? _ref18 : margin),
-        mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== undefined ? marginRight : mr) !== null && _ref21 !== undefined ? _ref21 : mx) !== null && _ref20 !== undefined ? _ref20 : margin),
-        mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== undefined ? marginBottom : mb) !== null && _ref23 !== undefined ? _ref23 : my) !== null && _ref22 !== undefined ? _ref22 : margin),
-        ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== undefined ? marginLeft : ml) !== null && _ref25 !== undefined ? _ref25 : mx) !== null && _ref24 !== undefined ? _ref24 : margin),
-        mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== undefined ? mx : marginLeft) !== null && _ref29 !== undefined ? _ref29 : marginRight) !== null && _ref28 !== undefined ? _ref28 : ml) !== null && _ref27 !== undefined ? _ref27 : mr) !== null && _ref26 !== undefined ? _ref26 : margin),
-        my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== undefined ? my : marginTop) !== null && _ref33 !== undefined ? _ref33 : marginBottom) !== null && _ref32 !== undefined ? _ref32 : mt) !== null && _ref31 !== undefined ? _ref31 : mb) !== null && _ref30 !== undefined ? _ref30 : margin),
-        width: makeScaleHandler(width !== null && width !== undefined ? width : w),
-        height: makeScaleHandler(height !== null && height !== undefined ? height : h),
+        pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : pt) !== null && _ref3 !== void 0 ? _ref3 : py) !== null && _ref2 !== void 0 ? _ref2 : padding),
+        pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : pr) !== null && _ref5 !== void 0 ? _ref5 : px) !== null && _ref4 !== void 0 ? _ref4 : padding),
+        pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : pb) !== null && _ref7 !== void 0 ? _ref7 : py) !== null && _ref6 !== void 0 ? _ref6 : padding),
+        pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : pl) !== null && _ref9 !== void 0 ? _ref9 : px) !== null && _ref8 !== void 0 ? _ref8 : padding),
+        px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== void 0 ? px : paddingLeft) !== null && _ref13 !== void 0 ? _ref13 : paddingRight) !== null && _ref12 !== void 0 ? _ref12 : pl) !== null && _ref11 !== void 0 ? _ref11 : pr) !== null && _ref10 !== void 0 ? _ref10 : padding),
+        py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== void 0 ? py : paddingTop) !== null && _ref17 !== void 0 ? _ref17 : paddingBottom) !== null && _ref16 !== void 0 ? _ref16 : pt) !== null && _ref15 !== void 0 ? _ref15 : pb) !== null && _ref14 !== void 0 ? _ref14 : padding),
+        mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref19 !== void 0 ? _ref19 : my) !== null && _ref18 !== void 0 ? _ref18 : margin),
+        mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref21 !== void 0 ? _ref21 : mx) !== null && _ref20 !== void 0 ? _ref20 : margin),
+        mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref23 !== void 0 ? _ref23 : my) !== null && _ref22 !== void 0 ? _ref22 : margin),
+        ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref25 !== void 0 ? _ref25 : mx) !== null && _ref24 !== void 0 ? _ref24 : margin),
+        mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== void 0 ? mx : marginLeft) !== null && _ref29 !== void 0 ? _ref29 : marginRight) !== null && _ref28 !== void 0 ? _ref28 : ml) !== null && _ref27 !== void 0 ? _ref27 : mr) !== null && _ref26 !== void 0 ? _ref26 : margin),
+        my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== void 0 ? my : marginTop) !== null && _ref33 !== void 0 ? _ref33 : marginBottom) !== null && _ref32 !== void 0 ? _ref32 : mt) !== null && _ref31 !== void 0 ? _ref31 : mb) !== null && _ref30 !== void 0 ? _ref30 : margin),
+        width: makeScaleHandler(width !== null && width !== void 0 ? width : w),
+        height: makeScaleHandler(height !== null && height !== void 0 ? height : h),
         font: makeScaleHandler(font)
       },
       getScaleProps: generateGetScaleProps(props),
@@ -1158,13 +1158,13 @@ var getStatusColor = function getStatusColor(type, filled, theme) {
 var NoteComponent = function NoteComponent(_ref) {
   var children = _ref.children,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$label = _ref.label,
-    label = _ref$label === undefined ? 'note' : _ref$label,
+    label = _ref$label === void 0 ? 'note' : _ref$label,
     _ref$filled = _ref.filled,
-    filled = _ref$filled === undefined ? false : _ref$filled,
+    filled = _ref$filled === void 0 ? false : _ref$filled,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded);
   var theme = useTheme();
   var _useScale = useScale(),