@easypost/easy-ui 1.0.0-alpha.4 → 1.0.0-alpha.6

package/Card/index.js

@@ -1,7 +1,86 @@
 "use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Card = require("../__chunks__/Card-dac53c75.js");
-require("../__chunks__/omit-fca26542.js");
-require("react");
-require("../utilities/css.js");
-exports.Card = Card.Card;
+const omit = require("../__chunks__/omit-fca26542.js");
+const React = require("react");
+const utilities_css = require("../utilities/css.js");
+const container = "_container_p14mb_5";
+const area = "_area_p14mb_22";
+const variantOutlined = "_variantOutlined_p14mb_58";
+const variantFlagged = "_variantFlagged_p14mb_59";
+const selected = "_selected_p14mb_71";
+const disabled = "_disabled_p14mb_75";
+const statusDanger = "_statusDanger_p14mb_79";
+const statusWarning = "_statusWarning_p14mb_83";
+const statusSuccess = "_statusSuccess_p14mb_87";
+const styles = {
+  container,
+  area,
+  variantOutlined,
+  variantFlagged,
+  selected,
+  disabled,
+  statusDanger,
+  statusWarning,
+  statusSuccess
+};
+const DEFAULT_ELEMENT_TYPE = "div";
+const DEFAULT_VARIANT = "outlined";
+function CardContainer(props) {
+  const _a = props, { as: As = DEFAULT_ELEMENT_TYPE, children, isDisabled, isSelected, status, variant = DEFAULT_VARIANT } = _a, restProps = __objRest(_a, ["as", "children", "isDisabled", "isSelected", "status", "variant"]);
+  const className = utilities_css.classNames(styles.container, styles[utilities_css.variationName("variant", variant)], variant === "flagged" && status && styles[utilities_css.variationName("status", status)], variant === "outlined" && isDisabled && styles.disabled, variant === "outlined" && isSelected && styles.selected);
+  if (variant !== "flagged" && status) {
+    console.warn("status is only applicable for flagged cards");
+  }
+  if (variant !== "outlined" && isSelected) {
+    console.warn("isSelected is only applicable for outlined cards");
+  }
+  return React.createElement(As, __spreadValues({
+    className,
+    disabled: isDisabled
+  }, omit.omit(restProps, ["className"])), children);
+}
+function CardArea({ background, children, padding = "2" }) {
+  const style = __spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken("card-area", "background", "color.surface.card", background)), utilities_css.getResponsiveDesignToken("card-area", "padding", "space", padding));
+  return React.createElement("div", {
+    className: styles.area,
+    style
+  }, children);
+}
+function Card(props) {
+  const _a = props, { background, children, padding } = _a, containerProps = __objRest(_a, ["background", "children", "padding"]);
+  return React.createElement(CardContainer, __spreadValues({}, containerProps), React.createElement(CardArea, {
+    background,
+    padding
+  }, children));
+}
+Card.Container = CardContainer;
+Card.Area = CardArea;
+exports.Card = Card;

package/Card/index.mjs

@@ -1,7 +1,86 @@
-import { C } from "../__chunks__/Card-7bbd41e0.mjs";
-import "../__chunks__/omit-f17deb8f.mjs";
-import "react";
-import "../utilities/css.mjs";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { o as omit } from "../__chunks__/omit-f17deb8f.mjs";
+import React__default from "react";
+import { classNames, variationName, getComponentThemeToken, getResponsiveDesignToken } from "../utilities/css.mjs";
+const container = "_container_p14mb_5";
+const area = "_area_p14mb_22";
+const variantOutlined = "_variantOutlined_p14mb_58";
+const variantFlagged = "_variantFlagged_p14mb_59";
+const selected = "_selected_p14mb_71";
+const disabled = "_disabled_p14mb_75";
+const statusDanger = "_statusDanger_p14mb_79";
+const statusWarning = "_statusWarning_p14mb_83";
+const statusSuccess = "_statusSuccess_p14mb_87";
+const styles = {
+  container,
+  area,
+  variantOutlined,
+  variantFlagged,
+  selected,
+  disabled,
+  statusDanger,
+  statusWarning,
+  statusSuccess
+};
+const DEFAULT_ELEMENT_TYPE = "div";
+const DEFAULT_VARIANT = "outlined";
+function CardContainer(props) {
+  const _a = props, { as: As = DEFAULT_ELEMENT_TYPE, children, isDisabled, isSelected, status, variant = DEFAULT_VARIANT } = _a, restProps = __objRest(_a, ["as", "children", "isDisabled", "isSelected", "status", "variant"]);
+  const className = classNames(styles.container, styles[variationName("variant", variant)], variant === "flagged" && status && styles[variationName("status", status)], variant === "outlined" && isDisabled && styles.disabled, variant === "outlined" && isSelected && styles.selected);
+  if (variant !== "flagged" && status) {
+    console.warn("status is only applicable for flagged cards");
+  }
+  if (variant !== "outlined" && isSelected) {
+    console.warn("isSelected is only applicable for outlined cards");
+  }
+  return React__default.createElement(As, __spreadValues({
+    className,
+    disabled: isDisabled
+  }, omit(restProps, ["className"])), children);
+}
+function CardArea({ background, children, padding = "2" }) {
+  const style = __spreadValues(__spreadValues({}, getComponentThemeToken("card-area", "background", "color.surface.card", background)), getResponsiveDesignToken("card-area", "padding", "space", padding));
+  return React__default.createElement("div", {
+    className: styles.area,
+    style
+  }, children);
+}
+function Card(props) {
+  const _a = props, { background, children, padding } = _a, containerProps = __objRest(_a, ["background", "children", "padding"]);
+  return React__default.createElement(CardContainer, __spreadValues({}, containerProps), React__default.createElement(CardArea, {
+    background,
+    padding
+  }, children));
+}
+Card.Container = CardContainer;
+Card.Area = CardArea;
 export {
-  C as Card
+  Card
 };

package/Checkbox/index.js

@@ -20,18 +20,18 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Icon = require("../__chunks__/Icon-3d00481a.js");
-const SelectorErrorTooltip = require("../__chunks__/SelectorErrorTooltip-43c5e29e.js");
-const Text = require("../__chunks__/Text-1ae70c19.js");
+const Icon_index = require("../Icon/index.js");
+const SelectorErrorTooltip_index = require("../SelectorErrorTooltip/index.js");
+const Text_index = require("../Text/index.js");
 const utilities_css = require("../utilities/css.js");
-const _import = require("../__chunks__/import-7545401a.js");
-const _import$1 = require("../__chunks__/import-0d1b4d93.js");
-require("../__chunks__/Tooltip-bd55165e.js");
-require("../__chunks__/import-3ab42f86.js");
-require("../__chunks__/import-63bf0645.js");
+const _import = require("../__chunks__/import-8b6c0bc7.js");
+const _import$1 = require("../__chunks__/import-2b302763.js");
+require("../Tooltip/index.js");
+require("../__chunks__/import-a2023d8f.js");
+require("../__chunks__/import-a1e0f814.js");
 require("react-dom");
-require("../__chunks__/import-76076ca6.js");
-require("../__chunks__/real-module-ae2a4342.js");
+require("../__chunks__/import-dea5a24d.js");
+require("../__chunks__/real-module-e36b1436.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -70,7 +70,12 @@ var __defProp$1 = Object.defineProperty;
 var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
 var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
 var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
 var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
     if (__hasOwnProp$1.call(b, prop))
@@ -95,20 +100,27 @@ var __objRest$1 = (source, exclude) => {
   return target;
 };
 const Check600 = (_a) => {
-  var _b = _a, {
-    title,
-    titleId
-  } = _b, props = __objRest$1(_b, [
-    "title",
-    "titleId"
-  ]);
-  return /* @__PURE__ */ React__namespace.createElement("svg", __spreadValues$1({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", "aria-labelledby": titleId }, props), title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M378-248.391q-7.696 0-14.674-2.848t-13.109-8.978l-181-181Q157.391-453.043 157.391-470t11.826-28.783q11.826-11.826 28.066-11.826 16.239 0 28.63 11.826L378-346.696l355.652-355.087q11.826-11.826 28.283-12.109 16.456-.282 28.283 12.109 11.826 11.826 11.826 28.566 0 16.739-11.826 28.565L405.783-260.217q-6.131 6.13-13.109 8.978T378-248.391Z" }));
+  var _b = _a, { title, titleId } = _b, props = __objRest$1(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues$1({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.createElement("path", {
+    d: "M378-248.391q-7.696 0-14.674-2.848t-13.109-8.978l-181-181Q157.391-453.043 157.391-470t11.826-28.783q11.826-11.826 28.066-11.826 16.239 0 28.63 11.826L378-346.696l355.652-355.087q11.826-11.826 28.283-12.109 16.456-.282 28.283 12.109 11.826 11.826 11.826 28.566 0 16.739-11.826 28.565L405.783-260.217q-6.131 6.13-13.109 8.978T378-248.391Z"
+  }));
 };
 var __defProp2 = Object.defineProperty;
 var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
 var __hasOwnProp2 = Object.prototype.hasOwnProperty;
 var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
 var __spreadValues2 = (a, b) => {
   for (var prop in b || (b = {}))
     if (__hasOwnProp2.call(b, prop))
@@ -133,30 +145,32 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const Remove600 = (_a) => {
-  var _b = _a, {
-    title,
-    titleId
-  } = _b, props = __objRest(_b, [
-    "title",
-    "titleId"
-  ]);
-  return /* @__PURE__ */ React__namespace.createElement("svg", __spreadValues2({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", "aria-labelledby": titleId }, props), title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M190.391-440.391v-79.218h579.218v79.218H190.391Z" }));
+  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.createElement("path", {
+    d: "M190.391-440.391v-79.218h579.218v79.218H190.391Z"
+  }));
 };
-const Checkbox$1 = "_Checkbox_4i67n_5";
-const label = "_label_4i67n_17";
-const box = "_box_4i67n_40";
-const check = "_check_4i67n_41";
-const focusVisible = "_focusVisible_4i67n_56";
-const text = "_text_4i67n_72";
-const indeterminateSvg = "_indeterminateSvg_4i67n_77";
-const nested = "_nested_4i67n_81";
-const sizeLg = "_sizeLg_4i67n_85";
-const invalid = "_invalid_4i67n_91";
-const disabled = "_disabled_4i67n_95";
-const indeterminate = "_indeterminate_4i67n_77";
-const selected = "_selected_4i67n_100";
-const hovered = "_hovered_4i67n_116";
-const readOnly = "_readOnly_4i67n_116";
+const Checkbox$1 = "_Checkbox_1r930_5";
+const label = "_label_1r930_17";
+const box = "_box_1r930_40";
+const check = "_check_1r930_41";
+const focusVisible = "_focusVisible_1r930_56";
+const text = "_text_1r930_72";
+const indeterminateSvg = "_indeterminateSvg_1r930_77";
+const nested = "_nested_1r930_81";
+const sizeLg = "_sizeLg_1r930_85";
+const invalid = "_invalid_1r930_91";
+const disabled = "_disabled_1r930_95";
+const indeterminate = "_indeterminate_1r930_77";
+const selected = "_selected_1r930_100";
+const hovered = "_hovered_1r930_116";
+const readOnly = "_readOnly_1r930_116";
 const styles = {
   Checkbox: Checkbox$1,
   label,
@@ -176,46 +190,44 @@ const styles = {
 };
 const DEFAULT_SIZE = "md";
 function Checkbox(props) {
-  const {
-    children,
-    errorText,
-    isDisabled,
-    isIndeterminate,
-    isReadOnly,
-    isNested,
-    size = DEFAULT_SIZE,
-    validationState
-  } = props;
+  const { children, errorText, isDisabled, isIndeterminate, isReadOnly, isNested, size = DEFAULT_SIZE, validationState } = props;
   const ref = React.useRef(null);
   const state = _import.$3017fa7ffdddec74$export$8042c6c013fd5226(props);
   const { inputProps } = $406796ff087fe49b$export$e375f10ce42261c5(props, state, ref);
   const { isFocusVisible, focusProps } = _import$1.$f7dceffc5ad7768b$export$4e328f61c538687f();
   const { isHovered, hoverProps } = _import$1.$6179b936705e76d3$export$ae780daf29e6d456(props);
   const isSelected = state.isSelected && !isIndeterminate;
-  const className = utilities_css.classNames(
-    styles.Checkbox,
-    isIndeterminate && styles.indeterminate,
-    isSelected && styles.selected,
-    isDisabled && styles.disabled,
-    isReadOnly && styles.readOnly,
-    isNested && styles.nested,
-    isFocusVisible && styles.focusVisible,
-    isHovered && styles.hovered,
-    styles[utilities_css.variationName("size", size)],
-    validationState === "invalid" && styles.invalid
-  );
+  const className = utilities_css.classNames(styles.Checkbox, isIndeterminate && styles.indeterminate, isSelected && styles.selected, isDisabled && styles.disabled, isReadOnly && styles.readOnly, isNested && styles.nested, isFocusVisible && styles.focusVisible, isHovered && styles.hovered, styles[utilities_css.variationName("size", size)], validationState === "invalid" && styles.invalid);
   const textVariant = size === "lg" ? "subtitle1" : isNested ? "body2" : "body1";
   const textColor = isDisabled ? "disabled" : validationState === "invalid" ? "danger" : "primary";
   if (size === "lg" && isNested) {
     console.warn("isNested is incompatible with lg Checkbox");
   }
-  return /* @__PURE__ */ React.createElement("span", { className, "data-testid": "root" }, /* @__PURE__ */ React.createElement("label", __spreadValues({ className: styles.label }, hoverProps), /* @__PURE__ */ React.createElement(
-    "input",
-    __spreadProps(__spreadValues(__spreadValues({}, inputProps), focusProps), {
-      className: styles.input,
-      ref
-    })
-  ), /* @__PURE__ */ React.createElement("span", { className: styles.box }, (isIndeterminate || isSelected) && /* @__PURE__ */ React.createElement("span", { className: styles.check }, isIndeterminate ? /* @__PURE__ */ React.createElement(Icon.Icon, { symbol: Remove600, size: size === "lg" ? "md" : "xs" }) : /* @__PURE__ */ React.createElement(Icon.Icon, { symbol: Check600, size: size === "lg" ? "md" : "xs" }))), /* @__PURE__ */ React.createElement("span", { className: styles.text }, /* @__PURE__ */ React.createElement(Text.Text, { variant: textVariant, color: textColor }, children))), validationState === "invalid" && errorText && /* @__PURE__ */ React.createElement(SelectorErrorTooltip.SelectorErrorTooltip, { content: errorText }));
+  return React.createElement("span", {
+    className
+  }, React.createElement("label", __spreadValues({
+    className: styles.label
+  }, hoverProps), React.createElement("input", __spreadProps(__spreadValues(__spreadValues({}, inputProps), focusProps), {
+    className: styles.input,
+    ref
+  })), React.createElement("span", {
+    className: styles.box
+  }, (isIndeterminate || isSelected) && React.createElement("span", {
+    className: styles.check
+  }, isIndeterminate ? React.createElement(Icon_index.Icon, {
+    symbol: Remove600,
+    size: size === "lg" ? "md" : "xs"
+  }) : React.createElement(Icon_index.Icon, {
+    symbol: Check600,
+    size: size === "lg" ? "md" : "xs"
+  }))), React.createElement("span", {
+    className: styles.text
+  }, React.createElement(Text_index.Text, {
+    variant: textVariant,
+    color: textColor
+  }, children))), validationState === "invalid" && errorText && React.createElement(SelectorErrorTooltip_index.SelectorErrorTooltip, {
+    content: errorText
+  }));
 }
 exports.Checkbox = Checkbox;
 exports.DEFAULT_SIZE = DEFAULT_SIZE;

package/Checkbox/index.mjs

@@ -19,18 +19,18 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React__default, { useEffect } from "react";
-import { I as Icon } from "../__chunks__/Icon-a75b5201.mjs";
-import { S as SelectorErrorTooltip } from "../__chunks__/SelectorErrorTooltip-b6204987.mjs";
-import { T as Text } from "../__chunks__/Text-4ae50d5c.mjs";
+import { Icon } from "../Icon/index.mjs";
+import { SelectorErrorTooltip } from "../SelectorErrorTooltip/index.mjs";
+import { Text } from "../Text/index.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577, a as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../__chunks__/import-e7f45c7e.mjs";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f, a as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/import-ab878fb6.mjs";
-import "../__chunks__/Tooltip-f7e67b21.mjs";
-import "../__chunks__/import-856e0385.mjs";
-import "../__chunks__/import-b7971a11.mjs";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577, a as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../__chunks__/import-0561e1ba.mjs";
+import { e as $f7dceffc5ad7768b$export$4e328f61c538687f, f as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/import-3d962a94.mjs";
+import "../Tooltip/index.mjs";
+import "../__chunks__/import-f1f4792a.mjs";
+import "../__chunks__/import-19bc38ac.mjs";
 import "react-dom";
-import "../__chunks__/import-86330a7c.mjs";
-import "../__chunks__/real-module-e4cd2301.mjs";
+import "../__chunks__/import-6a831ca1.mjs";
+import "../__chunks__/real-module-515df21d.mjs";
 function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
   let { inputProps, isSelected, isPressed, isDisabled, isReadOnly } = $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, inputRef);
   let { isIndeterminate } = props;
@@ -52,7 +52,12 @@ var __defProp$1 = Object.defineProperty;
 var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
 var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
 var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
 var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
     if (__hasOwnProp$1.call(b, prop))
@@ -77,20 +82,27 @@ var __objRest$1 = (source, exclude) => {
   return target;
 };
 const Check600 = (_a) => {
-  var _b = _a, {
-    title,
-    titleId
-  } = _b, props = __objRest$1(_b, [
-    "title",
-    "titleId"
-  ]);
-  return /* @__PURE__ */ React.createElement("svg", __spreadValues$1({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", "aria-labelledby": titleId }, props), title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M378-248.391q-7.696 0-14.674-2.848t-13.109-8.978l-181-181Q157.391-453.043 157.391-470t11.826-28.783q11.826-11.826 28.066-11.826 16.239 0 28.63 11.826L378-346.696l355.652-355.087q11.826-11.826 28.283-12.109 16.456-.282 28.283 12.109 11.826 11.826 11.826 28.566 0 16.739-11.826 28.565L405.783-260.217q-6.131 6.13-13.109 8.978T378-248.391Z" }));
+  var _b = _a, { title, titleId } = _b, props = __objRest$1(_b, ["title", "titleId"]);
+  return React.createElement("svg", __spreadValues$1({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React.createElement("title", {
+    id: titleId
+  }, title) : null, React.createElement("path", {
+    d: "M378-248.391q-7.696 0-14.674-2.848t-13.109-8.978l-181-181Q157.391-453.043 157.391-470t11.826-28.783q11.826-11.826 28.066-11.826 16.239 0 28.63 11.826L378-346.696l355.652-355.087q11.826-11.826 28.283-12.109 16.456-.282 28.283 12.109 11.826 11.826 11.826 28.566 0 16.739-11.826 28.565L405.783-260.217q-6.131 6.13-13.109 8.978T378-248.391Z"
+  }));
 };
 var __defProp2 = Object.defineProperty;
 var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
 var __hasOwnProp2 = Object.prototype.hasOwnProperty;
 var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
 var __spreadValues2 = (a, b) => {
   for (var prop in b || (b = {}))
     if (__hasOwnProp2.call(b, prop))
@@ -115,30 +127,32 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const Remove600 = (_a) => {
-  var _b = _a, {
-    title,
-    titleId
-  } = _b, props = __objRest(_b, [
-    "title",
-    "titleId"
-  ]);
-  return /* @__PURE__ */ React.createElement("svg", __spreadValues2({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", "aria-labelledby": titleId }, props), title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M190.391-440.391v-79.218h579.218v79.218H190.391Z" }));
+  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  return React.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React.createElement("title", {
+    id: titleId
+  }, title) : null, React.createElement("path", {
+    d: "M190.391-440.391v-79.218h579.218v79.218H190.391Z"
+  }));
 };
-const Checkbox$1 = "_Checkbox_4i67n_5";
-const label = "_label_4i67n_17";
-const box = "_box_4i67n_40";
-const check = "_check_4i67n_41";
-const focusVisible = "_focusVisible_4i67n_56";
-const text = "_text_4i67n_72";
-const indeterminateSvg = "_indeterminateSvg_4i67n_77";
-const nested = "_nested_4i67n_81";
-const sizeLg = "_sizeLg_4i67n_85";
-const invalid = "_invalid_4i67n_91";
-const disabled = "_disabled_4i67n_95";
-const indeterminate = "_indeterminate_4i67n_77";
-const selected = "_selected_4i67n_100";
-const hovered = "_hovered_4i67n_116";
-const readOnly = "_readOnly_4i67n_116";
+const Checkbox$1 = "_Checkbox_1r930_5";
+const label = "_label_1r930_17";
+const box = "_box_1r930_40";
+const check = "_check_1r930_41";
+const focusVisible = "_focusVisible_1r930_56";
+const text = "_text_1r930_72";
+const indeterminateSvg = "_indeterminateSvg_1r930_77";
+const nested = "_nested_1r930_81";
+const sizeLg = "_sizeLg_1r930_85";
+const invalid = "_invalid_1r930_91";
+const disabled = "_disabled_1r930_95";
+const indeterminate = "_indeterminate_1r930_77";
+const selected = "_selected_1r930_100";
+const hovered = "_hovered_1r930_116";
+const readOnly = "_readOnly_1r930_116";
 const styles = {
   Checkbox: Checkbox$1,
   label,
@@ -158,46 +172,44 @@ const styles = {
 };
 const DEFAULT_SIZE = "md";
 function Checkbox(props) {
-  const {
-    children,
-    errorText,
-    isDisabled,
-    isIndeterminate,
-    isReadOnly,
-    isNested,
-    size = DEFAULT_SIZE,
-    validationState
-  } = props;
+  const { children, errorText, isDisabled, isIndeterminate, isReadOnly, isNested, size = DEFAULT_SIZE, validationState } = props;
   const ref = React__default.useRef(null);
   const state = $3017fa7ffdddec74$export$8042c6c013fd5226(props);
   const { inputProps } = $406796ff087fe49b$export$e375f10ce42261c5(props, state, ref);
   const { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
   const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456(props);
   const isSelected = state.isSelected && !isIndeterminate;
-  const className = classNames(
-    styles.Checkbox,
-    isIndeterminate && styles.indeterminate,
-    isSelected && styles.selected,
-    isDisabled && styles.disabled,
-    isReadOnly && styles.readOnly,
-    isNested && styles.nested,
-    isFocusVisible && styles.focusVisible,
-    isHovered && styles.hovered,
-    styles[variationName("size", size)],
-    validationState === "invalid" && styles.invalid
-  );
+  const className = classNames(styles.Checkbox, isIndeterminate && styles.indeterminate, isSelected && styles.selected, isDisabled && styles.disabled, isReadOnly && styles.readOnly, isNested && styles.nested, isFocusVisible && styles.focusVisible, isHovered && styles.hovered, styles[variationName("size", size)], validationState === "invalid" && styles.invalid);
   const textVariant = size === "lg" ? "subtitle1" : isNested ? "body2" : "body1";
   const textColor = isDisabled ? "disabled" : validationState === "invalid" ? "danger" : "primary";
   if (size === "lg" && isNested) {
     console.warn("isNested is incompatible with lg Checkbox");
   }
-  return /* @__PURE__ */ React__default.createElement("span", { className, "data-testid": "root" }, /* @__PURE__ */ React__default.createElement("label", __spreadValues({ className: styles.label }, hoverProps), /* @__PURE__ */ React__default.createElement(
-    "input",
-    __spreadProps(__spreadValues(__spreadValues({}, inputProps), focusProps), {
-      className: styles.input,
-      ref
-    })
-  ), /* @__PURE__ */ React__default.createElement("span", { className: styles.box }, (isIndeterminate || isSelected) && /* @__PURE__ */ React__default.createElement("span", { className: styles.check }, isIndeterminate ? /* @__PURE__ */ React__default.createElement(Icon, { symbol: Remove600, size: size === "lg" ? "md" : "xs" }) : /* @__PURE__ */ React__default.createElement(Icon, { symbol: Check600, size: size === "lg" ? "md" : "xs" }))), /* @__PURE__ */ React__default.createElement("span", { className: styles.text }, /* @__PURE__ */ React__default.createElement(Text, { variant: textVariant, color: textColor }, children))), validationState === "invalid" && errorText && /* @__PURE__ */ React__default.createElement(SelectorErrorTooltip, { content: errorText }));
+  return React__default.createElement("span", {
+    className
+  }, React__default.createElement("label", __spreadValues({
+    className: styles.label
+  }, hoverProps), React__default.createElement("input", __spreadProps(__spreadValues(__spreadValues({}, inputProps), focusProps), {
+    className: styles.input,
+    ref
+  })), React__default.createElement("span", {
+    className: styles.box
+  }, (isIndeterminate || isSelected) && React__default.createElement("span", {
+    className: styles.check
+  }, isIndeterminate ? React__default.createElement(Icon, {
+    symbol: Remove600,
+    size: size === "lg" ? "md" : "xs"
+  }) : React__default.createElement(Icon, {
+    symbol: Check600,
+    size: size === "lg" ? "md" : "xs"
+  }))), React__default.createElement("span", {
+    className: styles.text
+  }, React__default.createElement(Text, {
+    variant: textVariant,
+    color: textColor
+  }, children))), validationState === "invalid" && errorText && React__default.createElement(SelectorErrorTooltip, {
+    content: errorText
+  }));
 }
 export {
   Checkbox,