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

package/__chunks__/Checkbox-BRrfKcFE.mjs

@@ -0,0 +1,239 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 * as React from "react";
+import React__default, { useEffect, forwardRef } from "react";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-T961Q1yJ.mjs";
+import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-CCV6itCY.mjs";
+import { I as Icon } from "./Icon-QGDwoR1f.mjs";
+import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-CFlgzXu5.mjs";
+import { T as Text } from "./Text-D8wg72pq.mjs";
+import { classNames, variationName } from "../utilities/css.mjs";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "./useToggleState-kFojjzgV.mjs";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-gwcVryr8.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-lFMUra6S.mjs";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "./useToggle-b0GY9dCM.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-BE_dgxH5.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
+function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
+  let validationState = $e5be200c675c3b3a$export$fc1a364ae1f3ff10(__spreadProps(__spreadValues({}, props), {
+    value: state.isSelected
+  }));
+  let { isInvalid, validationErrors, validationDetails } = validationState.displayValidation;
+  let { labelProps, inputProps, isSelected, isPressed, isDisabled, isReadOnly } = $d2c8e2b0480f3f34$export$cbe85ee05b554577(__spreadProps(__spreadValues({}, props), {
+    isInvalid
+  }), state, inputRef);
+  $e93e671b31057976$export$b8473d3665f3a75a(props, validationState, inputRef);
+  let { isIndeterminate, isRequired, validationBehavior = "aria" } = props;
+  useEffect(() => {
+    if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;
+  });
+  let { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21({
+    isDisabled: isDisabled || isReadOnly,
+    onPress() {
+      let { [$e5be200c675c3b3a$export$a763b9476acd3eb]: groupValidationState } = props;
+      let { commitValidation } = groupValidationState ? groupValidationState : validationState;
+      commitValidation();
+    }
+  });
+  return {
+    labelProps: $3ef42575df84b30b$export$9d1611c77c2fe928(labelProps, pressProps),
+    inputProps: __spreadProps(__spreadValues({}, inputProps), {
+      checked: isSelected,
+      "aria-required": isRequired && validationBehavior === "aria" || void 0,
+      required: isRequired && validationBehavior === "native"
+    }),
+    isSelected,
+    isPressed,
+    isDisabled,
+    isReadOnly,
+    isInvalid,
+    validationErrors,
+    validationDetails
+  };
+}
+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 __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$1.call(b, prop)) __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1) for (var prop of __getOwnPropSymbols$1(b)) {
+    if (__propIsEnum$1.call(b, prop)) __defNormalProp$1(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1) for (var prop of __getOwnPropSymbols$1(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const Check600 = (_a) => {
+  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-346.7 355.65-355.08q12.15-11.83 28.73-11.83t28.4 11.88q11.83 11.88 11.83 28.45 0 16.58-11.83 28.63L406.35-260.78q-12.03 11.82-28.45 11.82t-28.25-11.82L168.78-441.65q-11.82-12.12-11.61-28.71.22-16.6 12.1-28.42 11.88-11.83 28.45-11.83 16.58 0 28.63 11.83L378-346.7Z"
+  }));
+};
+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 __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const Remove600 = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest2(_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: "M185.87-440.39v-79.22H774.7v79.22H185.87Z"
+  }));
+};
+const Checkbox$1 = "_Checkbox_vks0l_5";
+const label = "_label_vks0l_17";
+const box = "_box_vks0l_41";
+const check = "_check_vks0l_42";
+const focusVisible = "_focusVisible_vks0l_57";
+const text = "_text_vks0l_73";
+const indeterminateSvg = "_indeterminateSvg_vks0l_78";
+const nested = "_nested_vks0l_82";
+const sizeLg = "_sizeLg_vks0l_86";
+const standalone = "_standalone_vks0l_91";
+const invalid = "_invalid_vks0l_96";
+const disabled = "_disabled_vks0l_100";
+const indeterminate = "_indeterminate_vks0l_78";
+const selected = "_selected_vks0l_105";
+const hovered = "_hovered_vks0l_121";
+const readOnly = "_readOnly_vks0l_121";
+const styles = {
+  Checkbox: Checkbox$1,
+  label,
+  box,
+  check,
+  focusVisible,
+  text,
+  indeterminateSvg,
+  nested,
+  sizeLg,
+  standalone,
+  invalid,
+  disabled,
+  indeterminate,
+  selected,
+  hovered,
+  readOnly
+};
+const DEFAULT_SIZE = "md";
+const Checkbox = forwardRef((props, outsideRef) => {
+  const _a = props, { children, errorText, isDisabled, isIndeterminate, isReadOnly, isNested, size = DEFAULT_SIZE, validationState, defaultSelected: _defaultSelected, isSelected: _isSelected, name: _name, onChange: _onChange, value: _value } = _a, restProps = __objRest(_a, ["children", "errorText", "isDisabled", "isIndeterminate", "isReadOnly", "isNested", "size", "validationState", "defaultSelected", "isSelected", "name", "onChange", "value"]);
+  const ref = React__default.useRef(null);
+  const state = $3017fa7ffdddec74$export$8042c6c013fd5226(props);
+  const { inputProps: inputPropsFromAria } = $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, !children && styles.standalone);
+  const textVariant = size === "lg" ? "subtitle1" : isNested ? "body2" : "body1";
+  const textColor = isDisabled ? "neutral.300" : validationState === "invalid" ? "negative.600" : "primary.800";
+  if (size === "lg" && isNested) {
+    console.warn("isNested is incompatible with lg Checkbox");
+  }
+  const RootComponent = children ? "label" : "span";
+  const rootProps = children ? hoverProps : {};
+  const inputProps = children ? $3ef42575df84b30b$export$9d1611c77c2fe928(restProps, inputPropsFromAria, focusProps) : $3ef42575df84b30b$export$9d1611c77c2fe928(restProps, inputPropsFromAria, focusProps, hoverProps);
+  return React__default.createElement("span", {
+    className
+  }, React__default.createElement(RootComponent, __spreadValues({
+    className: styles.label
+  }, rootProps), React__default.createElement("input", __spreadProps(__spreadValues({}, inputProps), {
+    className: styles.input,
+    ref: $5dc95899b306f630$export$c9058316764c140e(ref, outsideRef)
+  })), 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"
+  }))), children && 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
+  }));
+});
+Checkbox.displayName = "Checkbox";
+export {
+  Checkbox as C,
+  DEFAULT_SIZE as D
+};

package/__chunks__/Checkbox-MbPCVxqs.js

@@ -0,0 +1,254 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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;
+};
+const React = require("react");
+const mergeProps = require("./mergeProps-DniMwM6P.js");
+const mergeRefs = require("./mergeRefs-CQsNYO0P.js");
+const Icon = require("./Icon-oPEVg2C8.js");
+const SelectorErrorTooltip = require("./SelectorErrorTooltip-Cfzpo7X3.js");
+const Text = require("./Text-CEI17LPu.js");
+const utilities_css = require("../utilities/css.js");
+const useToggleState = require("./useToggleState-CdbEMLRz.js");
+const useFormValidation = require("./useFormValidation-C2DoIczP.js");
+const usePress = require("./usePress-Dz8YYpge.js");
+const useToggle = require("./useToggle-D7gzXCXF.js");
+const useFocusRing = require("./useFocusRing-DFRFvht_.js");
+const useHover = require("./useHover-BIKwjrCT.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
+  let validationState = useFormValidation.$e5be200c675c3b3a$export$fc1a364ae1f3ff10(__spreadProps(__spreadValues({}, props), {
+    value: state.isSelected
+  }));
+  let { isInvalid, validationErrors, validationDetails } = validationState.displayValidation;
+  let { labelProps, inputProps, isSelected, isPressed, isDisabled, isReadOnly } = useToggle.$d2c8e2b0480f3f34$export$cbe85ee05b554577(__spreadProps(__spreadValues({}, props), {
+    isInvalid
+  }), state, inputRef);
+  useFormValidation.$e93e671b31057976$export$b8473d3665f3a75a(props, validationState, inputRef);
+  let { isIndeterminate, isRequired, validationBehavior = "aria" } = props;
+  React.useEffect(() => {
+    if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;
+  });
+  let { pressProps } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21({
+    isDisabled: isDisabled || isReadOnly,
+    onPress() {
+      let { [useFormValidation.$e5be200c675c3b3a$export$a763b9476acd3eb]: groupValidationState } = props;
+      let { commitValidation } = groupValidationState ? groupValidationState : validationState;
+      commitValidation();
+    }
+  });
+  return {
+    labelProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(labelProps, pressProps),
+    inputProps: __spreadProps(__spreadValues({}, inputProps), {
+      checked: isSelected,
+      "aria-required": isRequired && validationBehavior === "aria" || void 0,
+      required: isRequired && validationBehavior === "native"
+    }),
+    isSelected,
+    isPressed,
+    isDisabled,
+    isReadOnly,
+    isInvalid,
+    validationErrors,
+    validationDetails
+  };
+}
+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 __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$1.call(b, prop)) __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1) for (var prop of __getOwnPropSymbols$1(b)) {
+    if (__propIsEnum$1.call(b, prop)) __defNormalProp$1(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1) for (var prop of __getOwnPropSymbols$1(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const Check600 = (_a) => {
+  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-346.7 355.65-355.08q12.15-11.83 28.73-11.83t28.4 11.88q11.83 11.88 11.83 28.45 0 16.58-11.83 28.63L406.35-260.78q-12.03 11.82-28.45 11.82t-28.25-11.82L168.78-441.65q-11.82-12.12-11.61-28.71.22-16.6 12.1-28.42 11.88-11.83 28.45-11.83 16.58 0 28.63 11.83L378-346.7Z"
+  }));
+};
+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 __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const Remove600 = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest2(_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: "M185.87-440.39v-79.22H774.7v79.22H185.87Z"
+  }));
+};
+const Checkbox$1 = "_Checkbox_vks0l_5";
+const label = "_label_vks0l_17";
+const box = "_box_vks0l_41";
+const check = "_check_vks0l_42";
+const focusVisible = "_focusVisible_vks0l_57";
+const text = "_text_vks0l_73";
+const indeterminateSvg = "_indeterminateSvg_vks0l_78";
+const nested = "_nested_vks0l_82";
+const sizeLg = "_sizeLg_vks0l_86";
+const standalone = "_standalone_vks0l_91";
+const invalid = "_invalid_vks0l_96";
+const disabled = "_disabled_vks0l_100";
+const indeterminate = "_indeterminate_vks0l_78";
+const selected = "_selected_vks0l_105";
+const hovered = "_hovered_vks0l_121";
+const readOnly = "_readOnly_vks0l_121";
+const styles = {
+  Checkbox: Checkbox$1,
+  label,
+  box,
+  check,
+  focusVisible,
+  text,
+  indeterminateSvg,
+  nested,
+  sizeLg,
+  standalone,
+  invalid,
+  disabled,
+  indeterminate,
+  selected,
+  hovered,
+  readOnly
+};
+const DEFAULT_SIZE = "md";
+const Checkbox = React.forwardRef((props, outsideRef) => {
+  const _a = props, { children, errorText, isDisabled, isIndeterminate, isReadOnly, isNested, size = DEFAULT_SIZE, validationState, defaultSelected: _defaultSelected, isSelected: _isSelected, name: _name, onChange: _onChange, value: _value } = _a, restProps = __objRest(_a, ["children", "errorText", "isDisabled", "isIndeterminate", "isReadOnly", "isNested", "size", "validationState", "defaultSelected", "isSelected", "name", "onChange", "value"]);
+  const ref = React.useRef(null);
+  const state = useToggleState.$3017fa7ffdddec74$export$8042c6c013fd5226(props);
+  const { inputProps: inputPropsFromAria } = $406796ff087fe49b$export$e375f10ce42261c5(props, state, ref);
+  const { isFocusVisible, focusProps } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f();
+  const { isHovered, hoverProps } = useHover.$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, !children && styles.standalone);
+  const textVariant = size === "lg" ? "subtitle1" : isNested ? "body2" : "body1";
+  const textColor = isDisabled ? "neutral.300" : validationState === "invalid" ? "negative.600" : "primary.800";
+  if (size === "lg" && isNested) {
+    console.warn("isNested is incompatible with lg Checkbox");
+  }
+  const RootComponent = children ? "label" : "span";
+  const rootProps = children ? hoverProps : {};
+  const inputProps = children ? mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(restProps, inputPropsFromAria, focusProps) : mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(restProps, inputPropsFromAria, focusProps, hoverProps);
+  return React.createElement("span", {
+    className
+  }, React.createElement(RootComponent, __spreadValues({
+    className: styles.label
+  }, rootProps), React.createElement("input", __spreadProps(__spreadValues({}, inputProps), {
+    className: styles.input,
+    ref: mergeRefs.$5dc95899b306f630$export$c9058316764c140e(ref, outsideRef)
+  })), React.createElement("span", {
+    className: styles.box
+  }, (isIndeterminate || isSelected) && React.createElement("span", {
+    className: styles.check
+  }, isIndeterminate ? React.createElement(Icon.Icon, {
+    symbol: Remove600,
+    size: size === "lg" ? "md" : "xs"
+  }) : React.createElement(Icon.Icon, {
+    symbol: Check600,
+    size: size === "lg" ? "md" : "xs"
+  }))), children && React.createElement("span", {
+    className: styles.text
+  }, React.createElement(Text.Text, {
+    variant: textVariant,
+    color: textColor
+  }, children))), validationState === "invalid" && errorText && React.createElement(SelectorErrorTooltip.SelectorErrorTooltip, {
+    content: errorText
+  }));
+});
+Checkbox.displayName = "Checkbox";
+exports.Checkbox = Checkbox;
+exports.DEFAULT_SIZE = DEFAULT_SIZE;

package/__chunks__/Close-BQ2IlPyf.js

@@ -0,0 +1,57 @@
+"use strict";
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+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;
+};
+const Close = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues({
+    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: "m250.92-218.92-32-32L448-480 218.92-709.08l32-32L480-512l229.08-229.08 32 32L512-480l229.08 229.08-32 32L480-448 250.92-218.92Z"
+  }));
+};
+exports.Close = Close;

package/__chunks__/Close-Cq6Q6MN6.mjs

@@ -0,0 +1,41 @@
+import * as React from "react";
+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;
+};
+const Close = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  return React.createElement("svg", __spreadValues({
+    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: "m250.92-218.92-32-32L448-480 218.92-709.08l32-32L480-512l229.08-229.08 32 32L512-480l229.08 229.08-32 32L480-448 250.92-218.92Z"
+  }));
+};
+export {
+  Close as C
+};