@procore/core-react 11.22.0 → 11.23.0

package/dist/Checkbox/Checkbox.styles.js

@@ -1,108 +1,124 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css } from 'styled-components';
 import { getTypographyIntent } from '../Typography/Typography.styles';
 import { colors } from '../_styles/colors';
 import { getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var dataQa = {
-    focused: 'core-checkbox-focused',
+  focused: 'core-checkbox-focused'
 };
-export var StyledCheckboxContainer = styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  display: block;\n  position: relative;\n\n  & + & {\n    margin-top: ", "px;\n  }\n"], ["\n  color: ", ";\n  display: block;\n  position: relative;\n\n  & + & {\n    margin-top: ", "px;\n  }\n"])), colors.gray15, spacing.md);
+export var StyledCheckboxContainer = /*#__PURE__*/styled.label.withConfig({
+  displayName: "StyledCheckboxContainer",
+  componentId: "core-11_23_0__sc-u63tye-0"
+})(["color:", ";display:block;position:relative;& + &{margin-top:", "px;}"], colors.gray15, spacing.md);
 var checkboxSize = 20;
 function StyledIndeterminate() {
-    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    background-color: ", ";\n    content: '';\n    height: 2px;\n    left: 5px;\n    position: absolute;\n    top: 9px;\n    width: 10px;\n    border: none;\n  "], ["\n    background-color: ", ";\n    content: '';\n    height: 2px;\n    left: 5px;\n    position: absolute;\n    top: 9px;\n    width: 10px;\n    border: none;\n  "])), colors.white);
+  return css(["background-color:", ";content:'';height:2px;left:5px;position:absolute;top:9px;width:10px;border:none;"], colors.white);
 }
 function StyledChecked() {
-    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik00MzMuNzkyIDcwNGwtMTc3Ljc5Mi0xNzIuNDE2IDY4LjkyOC01OS45NjggMTA4Ljg2NCAxMDUuNiAyNjUuMjgtMjU3LjIxNiA2OC45MjggNTkuOTY4eiI+PC9wYXRoPjwvc3ZnPg==');\n    content: '';\n    border: none;\n    height: 20px;\n    width: 20px;\n    top: 0;\n    left: 0;\n    position: absolute;\n  "], ["\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik00MzMuNzkyIDcwNGwtMTc3Ljc5Mi0xNzIuNDE2IDY4LjkyOC01OS45NjggMTA4Ljg2NCAxMDUuNiAyNjUuMjgtMjU3LjIxNiA2OC45MjggNTkuOTY4eiI+PC9wYXRoPjwvc3ZnPg==');\n    content: '';\n    border: none;\n    height: 20px;\n    width: 20px;\n    top: 0;\n    left: 0;\n    position: absolute;\n  "])));
-}
-function StyledFakeChecked($disabled, $error) {
-    if ($disabled === void 0) { $disabled = false; }
-    if ($error === void 0) { $error = false; }
-    return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    ", ";\n\n    ", "\n  "], ["\n    ", ";\n\n    ", "\n  "])), StyledChecked(), function () {
-        if ($disabled && $error) {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          background-color: ", ";\n        "], ["\n          background-color: ", ";\n        "])), colors.red85);
-        }
-        if ($disabled) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          background-color: ", ";\n        "], ["\n          background-color: ", ";\n        "])), colors.blue85);
-        }
-        if ($error) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          background-color: ", ";\n        "], ["\n          background-color: ", ";\n        "])), colors.red50);
-        }
-        return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        background-color: ", ";\n      "], ["\n        background-color: ", ";\n      "])), colors.blue50);
-    });
-}
-function StyledFakeIndeterminate($disabled, $error) {
-    if ($disabled === void 0) { $disabled = false; }
-    if ($error === void 0) { $error = false; }
-    return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    border: none;\n\n    &:before {\n      ", ";\n    }\n\n    ", "\n  "], ["\n    border: none;\n\n    &:before {\n      ", ";\n    }\n\n    ", "\n  "])), StyledIndeterminate(), function () {
-        if ($disabled) {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n          background-color: ", ";\n        "], ["\n          background-color: ", ";\n        "])), colors.gray85);
-        }
-        if ($error) {
-            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n          background-color: ", ";\n        "], ["\n          background-color: ", ";\n        "])), colors.red50);
-        }
-        return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        background-color: ", ";\n      "], ["\n        background-color: ", ";\n      "])), colors.blue50);
-    });
+  return css(["background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik00MzMuNzkyIDcwNGwtMTc3Ljc5Mi0xNzIuNDE2IDY4LjkyOC01OS45NjggMTA4Ljg2NCAxMDUuNiAyNjUuMjgtMjU3LjIxNiA2OC45MjggNTkuOTY4eiI+PC9wYXRoPjwvc3ZnPg==');content:'';border:none;height:20px;width:20px;top:0;left:0;position:absolute;"]);
 }
-export var StyledCheckboxLabel = styled.span(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", "\n\n  display: block;\n  min-height: ", "px;\n  padding-left: ", "px;\n  position: relative;\n  user-select: none;\n\n  &:before {\n    background-color: ", ";\n    border-radius: 2px;\n    border: 2px solid ", ";\n    content: '';\n    display: inline-block;\n    height: ", "px;\n    width: ", "px;\n    min-width: ", "px;\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n"], ["\n  ", "\n\n  display: block;\n  min-height: ", "px;\n  padding-left: ", "px;\n  position: relative;\n  user-select: none;\n\n  &:before {\n    background-color: ", ";\n    border-radius: 2px;\n    border: 2px solid ", ";\n    content: '';\n    display: inline-block;\n    height: ", "px;\n    width: ", "px;\n    min-width: ", "px;\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n"])), getTypographyIntent('body'), checkboxSize, function (_a) {
-    var children = _a.children;
-    return children ? checkboxSize + spacing.md : checkboxSize;
-}, colors.white, colors.gray70, checkboxSize, checkboxSize, checkboxSize);
-export var StyledCheckboxInput = styled.input(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n\n  &:disabled:checked + ", ":before {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  &:disabled + ", ":before {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  ", "\n\n  &:checked + ", " {\n    position: relative;\n\n    &:before {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n    }\n\n    &:after {\n      ", "\n    }\n  }\n\n  &:focus:not(:disabled),\n  &[data-qa=", "]:not(:disabled) {\n    + ", ":before {\n      ", "\n    }\n  }\n\n  ", "\n"], ["\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n\n  &:disabled:checked + ", ":before {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  &:disabled + ", ":before {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  ", "\n\n  &:checked + ", " {\n    position: relative;\n\n    &:before {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n    }\n\n    &:after {\n      ", "\n    }\n  }\n\n  &:focus:not(:disabled),\n  &[data-qa=", "]:not(:disabled) {\n    + ", ":before {\n      ", "\n    }\n  }\n\n  ", "\n"])), StyledCheckboxLabel, colors.blue85, colors.blue85, StyledCheckboxLabel, function (_a) {
-    var $indeterminate = _a.$indeterminate;
-    return $indeterminate ? colors.gray85 : colors.white;
-}, colors.gray85, function (_a) {
-    var $error = _a.$error;
-    if ($error) {
-        return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        & + ", ":before {\n          border-color: ", ";\n        }\n\n        &:disabled:checked + ", ":before {\n          background-color: ", ";\n          border-color: ", ";\n        }\n      "], ["\n        & + ", ":before {\n          border-color: ", ";\n        }\n\n        &:disabled:checked + ", ":before {\n          background-color: ", ";\n          border-color: ", ";\n        }\n      "])), StyledCheckboxLabel, colors.red50, StyledCheckboxLabel, colors.gray85, colors.gray85);
-    }
-}, StyledCheckboxLabel, function (_a) {
-    var $error = _a.$error;
-    return $error ? colors.red50 : colors.blue50;
-}, function (_a) {
-    var $error = _a.$error;
-    return ($error ? colors.red50 : colors.blue50);
-}, colors.white, StyledChecked(), dataQa.focused, StyledCheckboxLabel, getFocus(), function (_a) {
-    var $indeterminate = _a.$indeterminate, $error = _a.$error;
-    if ($indeterminate) {
-        return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        &\n          + ", ":before,\n          &:checked\n          + ", ":before {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        }\n\n        &\n          + ", ":after,\n          &:checked\n          + ", ":after {\n          ", "\n        }\n      "], ["\n        &\n          + ", ":before,\n          &:checked\n          + ", ":before {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        }\n\n        &\n          + ", ":after,\n          &:checked\n          + ", ":after {\n          ", "\n        }\n      "])), StyledCheckboxLabel, StyledCheckboxLabel, $error ? colors.red50 : colors.blue50, $error ? colors.red50 : colors.blue50, colors.white, StyledCheckboxLabel, StyledCheckboxLabel, StyledIndeterminate());
-    }
-});
-export var StyledFakeCheckboxLabel = styled.span(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  ", "\n\n  display: block;\n  min-height: ", "px;\n  padding-left: ", "px;\n  position: relative;\n  user-select: none;\n  cursor: pointer;\n\n  ", "\n"], ["\n  ", "\n\n  display: block;\n  min-height: ", "px;\n  padding-left: ", "px;\n  position: relative;\n  user-select: none;\n  cursor: pointer;\n\n  ", "\n"])), getTypographyIntent('body'), checkboxSize, function (_a) {
-    var children = _a.children;
-    return children ? checkboxSize + spacing.md : checkboxSize;
-}, function (_a) {
-    var $checked = _a.$checked, $disabled = _a.$disabled;
-    if ($checked && $disabled) {
-        return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), colors.gray50);
+function StyledFakeChecked() {
+  var $disabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var $error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return css(["", ";", ""], StyledChecked(), function () {
+    if ($disabled && $error) {
+      return css(["background-color:", ";"], colors.red85);
     }
     if ($disabled) {
-        return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), colors.gray85);
-    }
-});
-export var StyledFakeCheckboxInput = styled.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  width: ", "px;\n  height: ", "px;\n  border-radius: 2px;\n  border: 2px solid ", ";\n  position: absolute;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  width: ", "px;\n  height: ", "px;\n  border-radius: 2px;\n  border: 2px solid ", ";\n  position: absolute;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), checkboxSize, checkboxSize, colors.gray70, function (_a) {
-    var $checked = _a.$checked, $disabled = _a.$disabled, $error = _a.$error;
-    if ($checked) {
-        return StyledFakeChecked($disabled, $error);
-    }
-}, function (_a) {
-    var $indeterminate = _a.$indeterminate, $disabled = _a.$disabled, $error = _a.$error;
-    if ($indeterminate) {
-        return StyledFakeIndeterminate($disabled, $error);
+      return css(["background-color:", ";"], colors.blue85);
     }
-}, function (_a) {
-    var $error = _a.$error;
     if ($error) {
-        return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n        border-color: ", ";\n      "], ["\n        border-color: ", ";\n      "])), colors.red50);
+      return css(["background-color:", ";"], colors.red50);
     }
-}, function (_a) {
-    var $disabled = _a.$disabled;
+    return css(["background-color:", ";"], colors.blue50);
+  });
+}
+function StyledFakeIndeterminate() {
+  var $disabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var $error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return css(["border:none;&:before{", ";}", ""], StyledIndeterminate(), function () {
     if ($disabled) {
-        return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n        border-color: ", ";\n      "], ["\n        border-color: ", ";\n      "])), colors.gray85);
+      return css(["background-color:", ";"], colors.gray85);
+    }
+    if ($error) {
+      return css(["background-color:", ";"], colors.red50);
     }
+    return css(["background-color:", ";"], colors.blue50);
+  });
+}
+export var StyledCheckboxLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledCheckboxLabel",
+  componentId: "core-11_23_0__sc-u63tye-1"
+})(["", " display:block;min-height:", "px;padding-left:", "px;position:relative;user-select:none;&:before{background-color:", ";border-radius:2px;border:2px solid ", ";content:'';display:inline-block;height:", "px;width:", "px;min-width:", "px;top:0;left:0;position:absolute;}"], getTypographyIntent('body'), checkboxSize, function (_ref) {
+  var children = _ref.children;
+  return children ? checkboxSize + spacing.md : checkboxSize;
+}, colors.white, colors.gray70, checkboxSize, checkboxSize, checkboxSize);
+export var StyledCheckboxInput = /*#__PURE__*/styled.input.withConfig({
+  displayName: "StyledCheckboxInput",
+  componentId: "core-11_23_0__sc-u63tye-2"
+})(["left:0;opacity:0;position:absolute;top:0;&:disabled:checked + ", ":before{background-color:", ";border-color:", ";}&:disabled + ", ":before{background-color:", ";border-color:", ";}", " &:checked + ", "{position:relative;&:before{background-color:", ";border-color:", ";color:", ";}&:after{", "}}&:focus:not(:disabled),&[data-qa=", "]:not(:disabled){+ ", ":before{", "}}", ""], StyledCheckboxLabel, colors.blue85, colors.blue85, StyledCheckboxLabel, function (_ref2) {
+  var $indeterminate = _ref2.$indeterminate;
+  return $indeterminate ? colors.gray85 : colors.white;
+}, colors.gray85, function (_ref3) {
+  var $error = _ref3.$error;
+  if ($error) {
+    return css(["& + ", ":before{border-color:", ";}&:disabled:checked + ", ":before{background-color:", ";border-color:", ";}"], StyledCheckboxLabel, colors.red50, StyledCheckboxLabel, colors.gray85, colors.gray85);
+  }
+}, StyledCheckboxLabel, function (_ref4) {
+  var $error = _ref4.$error;
+  return $error ? colors.red50 : colors.blue50;
+}, function (_ref5) {
+  var $error = _ref5.$error;
+  return $error ? colors.red50 : colors.blue50;
+}, colors.white, StyledChecked(), dataQa.focused, StyledCheckboxLabel, getFocus(), function (_ref6) {
+  var $indeterminate = _ref6.$indeterminate,
+    $error = _ref6.$error;
+  if ($indeterminate) {
+    return css(["& + ", ":before,&:checked + ", ":before{background-color:", ";border-color:", ";color:", ";}& + ", ":after,&:checked + ", ":after{", "}"], StyledCheckboxLabel, StyledCheckboxLabel, $error ? colors.red50 : colors.blue50, $error ? colors.red50 : colors.blue50, colors.white, StyledCheckboxLabel, StyledCheckboxLabel, StyledIndeterminate());
+  }
+});
+export var StyledFakeCheckboxLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledFakeCheckboxLabel",
+  componentId: "core-11_23_0__sc-u63tye-3"
+})(["", " display:block;min-height:", "px;padding-left:", "px;position:relative;user-select:none;cursor:pointer;", ""], getTypographyIntent('body'), checkboxSize, function (_ref7) {
+  var children = _ref7.children;
+  return children ? checkboxSize + spacing.md : checkboxSize;
+}, function (_ref8) {
+  var $checked = _ref8.$checked,
+    $disabled = _ref8.$disabled;
+  if ($checked && $disabled) {
+    return css(["color:", ";"], colors.gray50);
+  }
+  if ($disabled) {
+    return css(["color:", ";"], colors.gray85);
+  }
+});
+export var StyledFakeCheckboxInput = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledFakeCheckboxInput",
+  componentId: "core-11_23_0__sc-u63tye-4"
+})(["width:", "px;height:", "px;border-radius:2px;border:2px solid ", ";position:absolute;", " ", " ", " ", ""], checkboxSize, checkboxSize, colors.gray70, function (_ref9) {
+  var $checked = _ref9.$checked,
+    $disabled = _ref9.$disabled,
+    $error = _ref9.$error;
+  if ($checked) {
+    return StyledFakeChecked($disabled, $error);
+  }
+}, function (_ref10) {
+  var $indeterminate = _ref10.$indeterminate,
+    $disabled = _ref10.$disabled,
+    $error = _ref10.$error;
+  if ($indeterminate) {
+    return StyledFakeIndeterminate($disabled, $error);
+  }
+}, function (_ref11) {
+  var $error = _ref11.$error;
+  if ($error) {
+    return css(["border-color:", ";"], colors.red50);
+  }
+}, function (_ref12) {
+  var $disabled = _ref12.$disabled;
+  if ($disabled) {
+    return css(["border-color:", ";"], colors.gray85);
+  }
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22;
 //# sourceMappingURL=Checkbox.styles.js.map

package/dist/Checkbox/Checkbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styles.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Checkbox.styles.js","names":["styled","css","getTypographyIntent","colors","getFocus","spacing","dataQa","focused","StyledCheckboxContainer","label","withConfig","displayName","componentId","gray15","md","checkboxSize","StyledIndeterminate","white","StyledChecked","StyledFakeChecked","$disabled","arguments","length","undefined","$error","red85","blue85","red50","blue50","StyledFakeIndeterminate","gray85","StyledCheckboxLabel","span","_ref","children","gray70","StyledCheckboxInput","input","_ref2","$indeterminate","_ref3","_ref4","_ref5","_ref6","StyledFakeCheckboxLabel","_ref7","_ref8","$checked","gray50","StyledFakeCheckboxInput","div","_ref9","_ref10","_ref11","_ref12"],"sources":["../../src/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const dataQa = {\n  focused: 'core-checkbox-focused',\n}\n\nexport const StyledCheckboxContainer = styled.label`\n  color: ${colors.gray15};\n  display: block;\n  position: relative;\n\n  & + & {\n    margin-top: ${spacing.md}px;\n  }\n`\n\nconst checkboxSize = 20\n\nfunction StyledIndeterminate() {\n  return css`\n    background-color: ${colors.white};\n    content: '';\n    height: 2px;\n    left: 5px;\n    position: absolute;\n    top: 9px;\n    width: 10px;\n    border: none;\n  `\n}\n\nfunction StyledChecked() {\n  return css`\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik00MzMuNzkyIDcwNGwtMTc3Ljc5Mi0xNzIuNDE2IDY4LjkyOC01OS45NjggMTA4Ljg2NCAxMDUuNiAyNjUuMjgtMjU3LjIxNiA2OC45MjggNTkuOTY4eiI+PC9wYXRoPjwvc3ZnPg==');\n    content: '';\n    border: none;\n    height: 20px;\n    width: 20px;\n    top: 0;\n    left: 0;\n    position: absolute;\n  `\n}\n\nfunction StyledFakeChecked($disabled = false, $error = false) {\n  return css`\n    ${StyledChecked()};\n\n    ${() => {\n      if ($disabled && $error) {\n        return css`\n          background-color: ${colors.red85};\n        `\n      }\n      if ($disabled) {\n        return css`\n          background-color: ${colors.blue85};\n        `\n      }\n      if ($error) {\n        return css`\n          background-color: ${colors.red50};\n        `\n      }\n      return css`\n        background-color: ${colors.blue50};\n      `\n    }}\n  `\n}\n\nfunction StyledFakeIndeterminate($disabled = false, $error = false) {\n  return css`\n    border: none;\n\n    &:before {\n      ${StyledIndeterminate()};\n    }\n\n    ${() => {\n      if ($disabled) {\n        return css`\n          background-color: ${colors.gray85};\n        `\n      }\n      if ($error) {\n        return css`\n          background-color: ${colors.red50};\n        `\n      }\n      return css`\n        background-color: ${colors.blue50};\n      `\n    }}\n  `\n}\n\nexport const StyledCheckboxLabel = styled.span`\n  ${getTypographyIntent('body')}\n\n  display: block;\n  min-height: ${checkboxSize}px;\n  padding-left: ${({ children }) =>\n    children ? checkboxSize + spacing.md : checkboxSize}px;\n  position: relative;\n  user-select: none;\n\n  &:before {\n    background-color: ${colors.white};\n    border-radius: 2px;\n    border: 2px solid ${colors.gray70};\n    content: '';\n    display: inline-block;\n    height: ${checkboxSize}px;\n    width: ${checkboxSize}px;\n    min-width: ${checkboxSize}px;\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n`\n\nexport const StyledCheckboxInput = styled.input<{\n  $error: boolean\n  $indeterminate: boolean\n}>`\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n\n  &:disabled:checked + ${StyledCheckboxLabel}:before {\n    background-color: ${colors.blue85};\n    border-color: ${colors.blue85};\n  }\n\n  &:disabled + ${StyledCheckboxLabel}:before {\n    background-color: ${({ $indeterminate }) =>\n      $indeterminate ? colors.gray85 : colors.white};\n    border-color: ${colors.gray85};\n  }\n\n  ${({ $error }) => {\n    if ($error) {\n      return css`\n        & + ${StyledCheckboxLabel}:before {\n          border-color: ${colors.red50};\n        }\n\n        &:disabled:checked + ${StyledCheckboxLabel}:before {\n          background-color: ${colors.gray85};\n          border-color: ${colors.gray85};\n        }\n      `\n    }\n  }}\n\n  &:checked + ${StyledCheckboxLabel} {\n    position: relative;\n\n    &:before {\n      background-color: ${({ $error }) =>\n        $error ? colors.red50 : colors.blue50};\n      border-color: ${({ $error }) => ($error ? colors.red50 : colors.blue50)};\n      color: ${colors.white};\n    }\n\n    &:after {\n      ${StyledChecked()}\n    }\n  }\n\n  &:focus:not(:disabled),\n  &[data-qa=${dataQa.focused}]:not(:disabled) {\n    + ${StyledCheckboxLabel}:before {\n      ${getFocus()}\n    }\n  }\n\n  ${({ $indeterminate, $error }) => {\n    if ($indeterminate) {\n      return css`\n        &\n          + ${StyledCheckboxLabel}:before,\n          &:checked\n          + ${StyledCheckboxLabel}:before {\n          background-color: ${$error ? colors.red50 : colors.blue50};\n          border-color: ${$error ? colors.red50 : colors.blue50};\n          color: ${colors.white};\n        }\n\n        &\n          + ${StyledCheckboxLabel}:after,\n          &:checked\n          + ${StyledCheckboxLabel}:after {\n          ${StyledIndeterminate()}\n        }\n      `\n    }\n  }}\n`\n\nexport const StyledFakeCheckboxLabel = styled.span<{\n  $checked: boolean\n  $disabled: boolean\n}>`\n  ${getTypographyIntent('body')}\n\n  display: block;\n  min-height: ${checkboxSize}px;\n  padding-left: ${({ children }) =>\n    children ? checkboxSize + spacing.md : checkboxSize}px;\n  position: relative;\n  user-select: none;\n  cursor: pointer;\n\n  ${({ $checked, $disabled }) => {\n    if ($checked && $disabled) {\n      return css`\n        color: ${colors.gray50};\n      `\n    }\n    if ($disabled) {\n      return css`\n        color: ${colors.gray85};\n      `\n    }\n  }}\n`\n\nexport const StyledFakeCheckboxInput = styled.div<{\n  $checked: boolean\n  $error: boolean\n  $disabled: boolean\n  $indeterminate: boolean\n}>`\n  width: ${checkboxSize}px;\n  height: ${checkboxSize}px;\n  border-radius: 2px;\n  border: 2px solid ${colors.gray70};\n  position: absolute;\n\n  ${({ $checked, $disabled, $error }) => {\n    if ($checked) {\n      return StyledFakeChecked($disabled, $error)\n    }\n  }}\n\n  ${({ $indeterminate, $disabled, $error }) => {\n    if ($indeterminate) {\n      return StyledFakeIndeterminate($disabled, $error)\n    }\n  }}\n\n  ${({ $error }) => {\n    if ($error) {\n      return css`\n        border-color: ${colors.red50};\n      `\n    }\n  }}\n\n  ${({ $disabled }) => {\n    if ($disabled) {\n      return css`\n        border-color: ${colors.gray85};\n      `\n    }\n  }}\n`\n"],"mappings":"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"}

package/dist/Checkbox/Checkbox.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.types.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Checkbox.types.js","names":[],"sources":["../../src/Checkbox/Checkbox.types.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { InputAttributes, Props } from '../_utils/types'\n\nexport interface CheckboxProps extends Props, InputAttributes {\n  /**\n   * Checked state of the checkbox\n   * @since 10.19.0\n   */\n  checked?: boolean\n  /**\n   * The contents of the checkbox label\n   * @since 10.19.0\n   */\n  children?: ReactNode\n  /**\n   * Additional classNames\n   * @since 10.19.0\n   */\n  className?: string\n  /**\n   * Disabled state of the checkbox\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * Error state of the checkbox\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * Indeterminate state of the checkbox\n   * @since 10.19.0\n   */\n  indeterminate?: boolean\n}\n"],"mappings":""}

package/dist/Checkbox/index.js

@@ -1,2 +1,3 @@
 export { Checkbox } from './Checkbox';
+export { CheckboxProps } from './Checkbox.types';
 //# sourceMappingURL=index.js.map

package/dist/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.js","names":["Checkbox","CheckboxProps"],"sources":["../../src/Checkbox/index.ts"],"sourcesContent":["export { Checkbox } from './Checkbox'\nexport { CheckboxProps } from './Checkbox.types'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,kBAAkB"}

package/dist/CheckboxGroup/CheckboxGroup.js

@@ -1,30 +1,18 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["disabled"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { useCheckboxGroup } from '@react-aria/checkbox';
 import React from 'react';
 import { useCheckboxGroupState } from 'react-stately';
 import { StyledLabel } from '../Form/Form.styles';
-export var CheckboxGroupContext = React.createContext(null);
+export var CheckboxGroupContext = /*#__PURE__*/React.createContext(null);
+
 /**
  * Checkbox groups allow users to select multiple items from a list of options.
  *
@@ -32,13 +20,18 @@ export var CheckboxGroupContext = React.createContext(null);
  *
  * @since 11.6.0
  */
-export var CheckboxGroup = React.forwardRef(function CheckboxGroup(_a, ref) {
-    var disabled = _a.disabled, props_ = __rest(_a, ["disabled"]);
-    var props = __assign(__assign({}, props_), { isDisabled: disabled });
-    var state = useCheckboxGroupState(props);
-    var _b = useCheckboxGroup(props, state), groupProps = _b.groupProps, labelProps = _b.labelProps;
-    return (React.createElement("div", __assign({}, groupProps),
-        props.label != null ? (typeof props.label === 'string' ? (React.createElement(StyledLabel, __assign({}, labelProps), props.label)) : (React.createElement("div", __assign({}, labelProps), props.label))) : null,
-        React.createElement(CheckboxGroupContext.Provider, { value: state }, props.children)));
+export var CheckboxGroup = /*#__PURE__*/React.forwardRef(function CheckboxGroup(_ref, ref) {
+  var disabled = _ref.disabled,
+    props_ = _objectWithoutProperties(_ref, _excluded);
+  var props = _objectSpread(_objectSpread({}, props_), {}, {
+    isDisabled: disabled
+  });
+  var state = useCheckboxGroupState(props);
+  var _useCheckboxGroup = useCheckboxGroup(props, state),
+    groupProps = _useCheckboxGroup.groupProps,
+    labelProps = _useCheckboxGroup.labelProps;
+  return /*#__PURE__*/React.createElement("div", groupProps, props.label != null ? typeof props.label === 'string' ? /*#__PURE__*/React.createElement(StyledLabel, labelProps, props.label) : /*#__PURE__*/React.createElement("div", labelProps, props.label) : null, /*#__PURE__*/React.createElement(CheckboxGroupContext.Provider, {
+    value: state
+  }, props.children));
 });
 //# sourceMappingURL=CheckboxGroup.js.map

package/dist/CheckboxGroup/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAsB,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAGjD,MAAM,CAAC,IAAM,oBAAoB,GAC/B,KAAK,CAAC,aAAa,CAA4B,IAAI,CAAC,CAAA;AAEtD;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,SAAS,aAAa,CAAC,EAAuB,EAAE,GAAG;IAA1B,IAAA,QAAQ,cAAA,EAAK,MAAM,cAArB,YAAuB,CAAF;IAC5C,IAAM,KAAK,yBAAQ,MAAM,KAAE,UAAU,EAAE,QAAQ,GAAE,CAAA;IACjD,IAAM,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAA;IAEpC,IAAA,KAA6B,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAzD,UAAU,gBAAA,EAAE,UAAU,gBAAmC,CAAA;IAEjE,OAAO,CACL,wCAAS,UAAU;QAChB,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CACrB,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChC,oBAAC,WAAW,eAAK,UAAU,GAAG,KAAK,CAAC,KAAK,CAAe,CACzD,CAAC,CAAC,CAAC,CACF,wCAAS,UAAU,GAAG,KAAK,CAAC,KAAK,CAAO,CACzC,CACF,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IACxC,KAAK,CAAC,QAAQ,CACe,CAC5B,CACP,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"CheckboxGroup.js","names":["useCheckboxGroup","React","useCheckboxGroupState","StyledLabel","CheckboxGroupContext","createContext","CheckboxGroup","forwardRef","_ref","ref","disabled","props_","_objectWithoutProperties","_excluded","props","_objectSpread","isDisabled","state","_useCheckboxGroup","groupProps","labelProps","createElement","label","Provider","value","children"],"sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import { useCheckboxGroup } from '@react-aria/checkbox'\nimport React from 'react'\nimport { CheckboxGroupState, useCheckboxGroupState } from 'react-stately'\nimport { StyledLabel } from '../Form/Form.styles'\nimport { CheckboxGroupProps } from './CheckboxGroup.types'\n\nexport const CheckboxGroupContext =\n  React.createContext<CheckboxGroupState | null>(null)\n\n/**\n * Checkbox groups allow users to select multiple items from a list of options.\n *\n * Supported components: <NextTile role=\"checkbox\">.\n *\n * @since 11.6.0\n */\nexport const CheckboxGroup = React.forwardRef<\n  HTMLDivElement,\n  CheckboxGroupProps\n>(function CheckboxGroup({ disabled, ...props_ }, ref) {\n  const props = { ...props_, isDisabled: disabled }\n  const state = useCheckboxGroupState(props)\n\n  const { groupProps, labelProps } = useCheckboxGroup(props, state)\n\n  return (\n    <div {...groupProps}>\n      {props.label != null ? (\n        typeof props.label === 'string' ? (\n          <StyledLabel {...labelProps}>{props.label}</StyledLabel>\n        ) : (\n          <div {...labelProps}>{props.label}</div>\n        )\n      ) : null}\n      <CheckboxGroupContext.Provider value={state}>\n        {props.children}\n      </CheckboxGroupContext.Provider>\n    </div>\n  )\n})\n"],"mappings":";;;;;;;;;AAAA,SAASA,gBAAgB,QAAQ,sBAAsB;AACvD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAA6BC,qBAAqB,QAAQ,eAAe;AACzE,SAASC,WAAW,QAAQ,qBAAqB;AAGjD,OAAO,IAAMC,oBAAoB,gBAC/BH,KAAK,CAACI,aAAa,CAA4B,IAAI,CAAC;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,gBAAGL,KAAK,CAACM,UAAU,CAG3C,SAASD,aAAaA,CAAAE,IAAA,EAA0BC,GAAG,EAAE;EAAA,IAA5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,MAAM,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC5C,IAAMC,KAAK,GAAAC,aAAA,CAAAA,aAAA,KAAQJ,MAAM;IAAEK,UAAU,EAAEN;EAAQ,EAAE;EACjD,IAAMO,KAAK,GAAGf,qBAAqB,CAACY,KAAK,CAAC;EAE1C,IAAAI,iBAAA,GAAmClB,gBAAgB,CAACc,KAAK,EAAEG,KAAK,CAAC;IAAzDE,UAAU,GAAAD,iBAAA,CAAVC,UAAU;IAAEC,UAAU,GAAAF,iBAAA,CAAVE,UAAU;EAE9B,oBACEnB,KAAA,CAAAoB,aAAA,QAASF,UAAU,EAChBL,KAAK,CAACQ,KAAK,IAAI,IAAI,GAClB,OAAOR,KAAK,CAACQ,KAAK,KAAK,QAAQ,gBAC7BrB,KAAA,CAAAoB,aAAA,CAAClB,WAAW,EAAKiB,UAAU,EAAGN,KAAK,CAACQ,KAAmB,CAAC,gBAExDrB,KAAA,CAAAoB,aAAA,QAASD,UAAU,EAAGN,KAAK,CAACQ,KAAW,CACxC,GACC,IAAI,eACRrB,KAAA,CAAAoB,aAAA,CAACjB,oBAAoB,CAACmB,QAAQ;IAACC,KAAK,EAAEP;EAAM,GACzCH,KAAK,CAACW,QACsB,CAC5B,CAAC;AAEV,CAAC,CAAC"}

package/dist/CheckboxGroup/CheckboxGroup.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.types.js","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"CheckboxGroup.types.js","names":[],"sources":["../../src/CheckboxGroup/CheckboxGroup.types.ts"],"sourcesContent":["import { AriaCheckboxGroupProps } from '@react-aria/checkbox'\nimport React from 'react'\n\nexport interface CheckboxGroupProps\n  extends Omit<AriaCheckboxGroupProps, 'isDisabled'> {\n  /**\n   * @since 11.6.0\n   */\n  children: React.ReactNode\n  /**\n   * @since 11.6.0\n   */\n  disabled?: boolean\n}\n"],"mappings":""}

package/dist/CheckboxGroup/index.js

@@ -1,2 +1,3 @@
 export { CheckboxGroup } from './CheckboxGroup';
+export { CheckboxGroupProps } from './CheckboxGroup.types';
 //# sourceMappingURL=index.js.map

package/dist/CheckboxGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.js","names":["CheckboxGroup","CheckboxGroupProps"],"sources":["../../src/CheckboxGroup/index.ts"],"sourcesContent":["export { CheckboxGroup } from './CheckboxGroup'\nexport { CheckboxGroupProps } from './CheckboxGroup.types'\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,kBAAkB,QAAQ,uBAAuB"}

package/dist/ClickOutside/ClickOutside.js

@@ -1,25 +1,7 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+var _excluded = ["children", "container", "containerClass", "onClickOutside"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { useEventListener } from '../_hooks/EventListener';
 import { mergeRefs } from '../_utils/mergeRefs';
@@ -27,22 +9,40 @@ import { mergeRefs } from '../_utils/mergeRefs';
  * @deprecatedSince 11
  * @deprecated Intended for internal library development.
  */
-export var ClickOutside = React.forwardRef(function ClickOutside(_a, ref) {
-    var children = _a.children, container = _a.container, containerClass = _a.containerClass, onClickOutside = _a.onClickOutside, props = __rest(_a, ["children", "container", "containerClass", "onClickOutside"]);
-    var Component = container || 'div';
-    var scope = React.useRef(null);
-    // need useCallback?
-    var handler = function (event) {
-        var current = scope.current;
-        if (!current) {
-            return;
-        }
-        onClickOutside && !current.contains(event.target) && onClickOutside(event);
-    };
-    var options = { capture: true };
-    useEventListener({ event: 'click', handler: handler, options: options });
-    useEventListener({ event: 'touchend', handler: handler, options: options });
-    return (React.createElement(Component, __assign({}, props, { className: containerClass, ref: mergeRefs(ref, scope) }), children));
+export var ClickOutside = /*#__PURE__*/React.forwardRef(function ClickOutside(_ref, ref) {
+  var children = _ref.children,
+    container = _ref.container,
+    containerClass = _ref.containerClass,
+    onClickOutside = _ref.onClickOutside,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var Component = container || 'div';
+  var scope = React.useRef(null);
+
+  // need useCallback?
+  var handler = function handler(event) {
+    var current = scope.current;
+    if (!current) {
+      return;
+    }
+    onClickOutside && !current.contains(event.target) && onClickOutside(event);
+  };
+  var options = {
+    capture: true
+  };
+  useEventListener({
+    event: 'click',
+    handler: handler,
+    options: options
+  });
+  useEventListener({
+    event: 'touchend',
+    handler: handler,
+    options: options
+  });
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+    className: containerClass,
+    ref: mergeRefs(ref, scope)
+  }), children);
 });
 ClickOutside.displayName = 'ClickOutside';
 //# sourceMappingURL=ClickOutside.js.map

package/dist/ClickOutside/ClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.js","sourceRoot":"","sources":["../../src/ClickOutside/ClickOutside.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAsB/C;;;GAGG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,YAAY,CACnB,EAAiE,EACjE,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,cAAc,oBAAA,EAAE,cAAc,oBAAA,EAAK,KAAK,cAA/D,6DAAiE,CAAF;IAG/D,IAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAA;IAEpC,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAA;IAE7C,oBAAoB;IACpB,IAAM,OAAO,GAA4B,UAAC,KAAK;QAC7C,IAAM,OAAO,GAAG,KAAK,CAAC,OAAsB,CAAA;QAE5C,IAAI,CAAC,OAAO,EAAE;YACZ,OAAM;SACP;QAED,cAAc,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,cAAc,CAAC,KAAK,CAAC,CAAA;IAC5E,CAAC,CAAA;IAED,IAAM,OAAO,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;IAEjC,gBAAgB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,SAAA,EAAE,OAAO,SAAA,EAAE,CAAC,CAAA;IAEtD,gBAAgB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,SAAA,EAAE,OAAO,SAAA,EAAE,CAAC,CAAA;IAEzD,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,SAAS,EAAE,cAAc,EACzB,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,KAAK,CAAC,KAEzB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
+{"version":3,"file":"ClickOutside.js","names":["React","useEventListener","mergeRefs","ClickOutside","forwardRef","_ref","ref","children","container","containerClass","onClickOutside","props","_objectWithoutProperties","_excluded","Component","scope","useRef","handler","event","current","contains","target","options","capture","createElement","_extends","className","displayName"],"sources":["../../src/ClickOutside/ClickOutside.tsx"],"sourcesContent":["import React from 'react'\nimport { useEventListener } from '../_hooks/EventListener'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { Props } from '../_utils/types'\n\ninterface ClickOutsideProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  container?: any\n  /**\n   * @since 10.19.0\n   */\n  containerClass?: string\n  /**\n   * @since 10.19.0\n   */\n  onClickOutside?: (event: React.MouseEvent<Element, Event>) => any\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n}\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n */\nexport const ClickOutside = React.forwardRef<HTMLElement, ClickOutsideProps>(\n  function ClickOutside(\n    { children, container, containerClass, onClickOutside, ...props },\n    ref\n  ) {\n    const Component = container || 'div'\n\n    const scope = React.useRef<HTMLElement>(null)\n\n    // need useCallback?\n    const handler: React.EventHandler<any> = (event) => {\n      const current = scope.current as HTMLElement\n\n      if (!current) {\n        return\n      }\n\n      onClickOutside && !current.contains(event.target) && onClickOutside(event)\n    }\n\n    const options = { capture: true }\n\n    useEventListener({ event: 'click', handler, options })\n\n    useEventListener({ event: 'touchend', handler, options })\n\n    return (\n      <Component\n        {...props}\n        className={containerClass}\n        ref={mergeRefs(ref, scope)}\n      >\n        {children}\n      </Component>\n    )\n  }\n)\n\nClickOutside.displayName = 'ClickOutside'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,yBAAyB;AAC1D,SAASC,SAAS,QAAQ,qBAAqB;AAsB/C;AACA;AACA;AACA;AACA,OAAO,IAAMC,YAAY,gBAAGH,KAAK,CAACI,UAAU,CAC1C,SAASD,YAAYA,CAAAE,IAAA,EAEnBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAEC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IAAKC,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAG/D,IAAMC,SAAS,GAAGN,SAAS,IAAI,KAAK;EAEpC,IAAMO,KAAK,GAAGf,KAAK,CAACgB,MAAM,CAAc,IAAI,CAAC;;EAE7C;EACA,IAAMC,OAAgC,GAAG,SAAnCA,OAAgCA,CAAIC,KAAK,EAAK;IAClD,IAAMC,OAAO,GAAGJ,KAAK,CAACI,OAAsB;IAE5C,IAAI,CAACA,OAAO,EAAE;MACZ;IACF;IAEAT,cAAc,IAAI,CAACS,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAC,IAAIX,cAAc,CAACQ,KAAK,CAAC;EAC5E,CAAC;EAED,IAAMI,OAAO,GAAG;IAAEC,OAAO,EAAE;EAAK,CAAC;EAEjCtB,gBAAgB,CAAC;IAAEiB,KAAK,EAAE,OAAO;IAAED,OAAO,EAAPA,OAAO;IAAEK,OAAO,EAAPA;EAAQ,CAAC,CAAC;EAEtDrB,gBAAgB,CAAC;IAAEiB,KAAK,EAAE,UAAU;IAAED,OAAO,EAAPA,OAAO;IAAEK,OAAO,EAAPA;EAAQ,CAAC,CAAC;EAEzD,oBACEtB,KAAA,CAAAwB,aAAA,CAACV,SAAS,EAAAW,QAAA,KACJd,KAAK;IACTe,SAAS,EAAEjB,cAAe;IAC1BH,GAAG,EAAEJ,SAAS,CAACI,GAAG,EAAES,KAAK;EAAE,IAE1BR,QACQ,CAAC;AAEhB,CACF,CAAC;AAEDJ,YAAY,CAACwB,WAAW,GAAG,cAAc"}

package/dist/ClickOutside/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ClickOutside/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","names":["ClickOutside"],"sources":["../../src/ClickOutside/index.ts"],"sourcesContent":["export { ClickOutside } from './ClickOutside'\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB"}