@easypost/easy-ui 1.0.0-alpha.21 → 1.0.0-alpha.23

package/Badge/index.js

@@ -4,18 +4,18 @@ const React = require("react");
 const Icon_index = require("../Icon/index.js");
 const Text_index = require("../Text/index.js");
 const utilities_css = require("../utilities/css.js");
-const root = "_root_1i1hd_5";
-const primary = "_primary_1i1hd_16";
-const secondary = "_secondary_1i1hd_17";
-const text = "_text_1i1hd_32";
-const variantPrimary = "_variantPrimary_1i1hd_37";
-const variantSecondary = "_variantSecondary_1i1hd_44";
-const variantBlack = "_variantBlack_1i1hd_51";
-const variantInverse = "_variantInverse_1i1hd_58";
-const variantGray = "_variantGray_1i1hd_65";
-const variantSuccess = "_variantSuccess_1i1hd_72";
-const variantWarning = "_variantWarning_1i1hd_79";
-const variantDanger = "_variantDanger_1i1hd_86";
+const root = "_root_1shiz_5";
+const primary = "_primary_1shiz_16";
+const secondary = "_secondary_1shiz_17";
+const text = "_text_1shiz_32";
+const variantPrimary = "_variantPrimary_1shiz_37";
+const variantSecondary = "_variantSecondary_1shiz_44";
+const variantBlack = "_variantBlack_1shiz_51";
+const variantInverse = "_variantInverse_1shiz_58";
+const variantGray = "_variantGray_1shiz_65";
+const variantSuccess = "_variantSuccess_1shiz_72";
+const variantWarning = "_variantWarning_1shiz_79";
+const variantDanger = "_variantDanger_1shiz_86";
 const styles = {
   root,
   primary,

package/Badge/index.mjs

@@ -2,18 +2,18 @@ import React__default from "react";
 import { Icon } from "../Icon/index.mjs";
 import { Text } from "../Text/index.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-const root = "_root_1i1hd_5";
-const primary = "_primary_1i1hd_16";
-const secondary = "_secondary_1i1hd_17";
-const text = "_text_1i1hd_32";
-const variantPrimary = "_variantPrimary_1i1hd_37";
-const variantSecondary = "_variantSecondary_1i1hd_44";
-const variantBlack = "_variantBlack_1i1hd_51";
-const variantInverse = "_variantInverse_1i1hd_58";
-const variantGray = "_variantGray_1i1hd_65";
-const variantSuccess = "_variantSuccess_1i1hd_72";
-const variantWarning = "_variantWarning_1i1hd_79";
-const variantDanger = "_variantDanger_1i1hd_86";
+const root = "_root_1shiz_5";
+const primary = "_primary_1shiz_16";
+const secondary = "_secondary_1shiz_17";
+const text = "_text_1shiz_32";
+const variantPrimary = "_variantPrimary_1shiz_37";
+const variantSecondary = "_variantSecondary_1shiz_44";
+const variantBlack = "_variantBlack_1shiz_51";
+const variantInverse = "_variantInverse_1shiz_58";
+const variantGray = "_variantGray_1shiz_65";
+const variantSuccess = "_variantSuccess_1shiz_72";
+const variantWarning = "_variantWarning_1shiz_79";
+const variantDanger = "_variantDanger_1shiz_86";
 const styles = {
   root,
   primary,

package/Banner/index.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Text_index = require("../Text/index.js");
 const utilities_css = require("../utilities/css.js");
-const colorSuccess = "_colorSuccess_i04r5_5";
-const colorPrimary = "_colorPrimary_i04r5_10";
-const colorNeutral = "_colorNeutral_i04r5_11";
-const Banner$1 = "_Banner_i04r5_23";
+const colorSuccess = "_colorSuccess_1tzvp_5";
+const colorPrimary = "_colorPrimary_1tzvp_10";
+const colorNeutral = "_colorNeutral_1tzvp_11";
+const Banner$1 = "_Banner_1tzvp_23";
 const styles = {
   colorSuccess,
   colorPrimary,

package/Banner/index.mjs

@@ -1,10 +1,10 @@
 import React__default from "react";
 import { Text } from "../Text/index.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-const colorSuccess = "_colorSuccess_i04r5_5";
-const colorPrimary = "_colorPrimary_i04r5_10";
-const colorNeutral = "_colorNeutral_i04r5_11";
-const Banner$1 = "_Banner_i04r5_23";
+const colorSuccess = "_colorSuccess_1tzvp_5";
+const colorPrimary = "_colorPrimary_1tzvp_10";
+const colorNeutral = "_colorNeutral_1tzvp_11";
+const Banner$1 = "_Banner_1tzvp_23";
 const styles = {
   colorSuccess,
   colorPrimary,

package/Button/index.js

@@ -29,28 +29,28 @@ var __objRest = (source, exclude) => {
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const UnstyledButton_index = require("../__chunks__/index-DwufPu37.js");
+const UnstyledButton_index = require("../__chunks__/index-OnNzi01G.js");
 const Icon_index = require("../Icon/index.js");
 const utilities_css = require("../utilities/css.js");
-require("../__chunks__/import-LK6z3Rbv.js");
+require("../__chunks__/import-Wax5AAZ5.js");
 require("../__chunks__/omit-tcSejr4A.js");
-require("../__chunks__/import-lusj6TWW.js");
-const Button$1 = "_Button_qhxr0_5";
-const colorPrimary = "_colorPrimary_qhxr0_20";
-const colorSecondary = "_colorSecondary_qhxr0_28";
-const colorSuccess = "_colorSuccess_qhxr0_36";
-const colorWarning = "_colorWarning_qhxr0_44";
-const colorNeutral = "_colorNeutral_qhxr0_52";
-const colorSupport = "_colorSupport_qhxr0_60";
-const colorInverse = "_colorInverse_qhxr0_66";
-const variantFilled = "_variantFilled_qhxr0_72";
-const variantOutlined = "_variantOutlined_qhxr0_99";
-const variantLink = "_variantLink_qhxr0_127";
-const sizeMd = "_sizeMd_qhxr0_151";
-const sizeSm = "_sizeSm_qhxr0_159";
-const block = "_block_qhxr0_176";
-const iconAtStart = "_iconAtStart_qhxr0_181";
-const iconAtEnd = "_iconAtEnd_qhxr0_185";
+require("../__chunks__/import-93RwLTzD.js");
+const Button$1 = "_Button_sqmev_5";
+const colorPrimary = "_colorPrimary_sqmev_20";
+const colorSecondary = "_colorSecondary_sqmev_28";
+const colorSuccess = "_colorSuccess_sqmev_36";
+const colorWarning = "_colorWarning_sqmev_44";
+const colorNeutral = "_colorNeutral_sqmev_52";
+const colorSupport = "_colorSupport_sqmev_60";
+const colorInverse = "_colorInverse_sqmev_66";
+const variantFilled = "_variantFilled_sqmev_72";
+const variantOutlined = "_variantOutlined_sqmev_99";
+const variantLink = "_variantLink_sqmev_127";
+const sizeMd = "_sizeMd_sqmev_151";
+const sizeSm = "_sizeSm_sqmev_159";
+const block = "_block_sqmev_176";
+const iconAtStart = "_iconAtStart_sqmev_181";
+const iconAtEnd = "_iconAtEnd_sqmev_185";
 const styles = {
   Button: Button$1,
   colorPrimary,

package/Button/index.mjs

@@ -27,28 +27,28 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import React__default, { forwardRef } from "react";
-import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/index-jU_AQEXu.mjs";
+import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/index-gfgmCr-E.mjs";
 import { Icon } from "../Icon/index.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-import "../__chunks__/import-JQFwSCR1.mjs";
+import "../__chunks__/import-mcSt3euq.mjs";
 import "../__chunks__/omit-B9V4OM3c.mjs";
-import "../__chunks__/import-NiNGs5I6.mjs";
-const Button$1 = "_Button_qhxr0_5";
-const colorPrimary = "_colorPrimary_qhxr0_20";
-const colorSecondary = "_colorSecondary_qhxr0_28";
-const colorSuccess = "_colorSuccess_qhxr0_36";
-const colorWarning = "_colorWarning_qhxr0_44";
-const colorNeutral = "_colorNeutral_qhxr0_52";
-const colorSupport = "_colorSupport_qhxr0_60";
-const colorInverse = "_colorInverse_qhxr0_66";
-const variantFilled = "_variantFilled_qhxr0_72";
-const variantOutlined = "_variantOutlined_qhxr0_99";
-const variantLink = "_variantLink_qhxr0_127";
-const sizeMd = "_sizeMd_qhxr0_151";
-const sizeSm = "_sizeSm_qhxr0_159";
-const block = "_block_qhxr0_176";
-const iconAtStart = "_iconAtStart_qhxr0_181";
-const iconAtEnd = "_iconAtEnd_qhxr0_185";
+import "../__chunks__/import-19HvjNNm.mjs";
+const Button$1 = "_Button_sqmev_5";
+const colorPrimary = "_colorPrimary_sqmev_20";
+const colorSecondary = "_colorSecondary_sqmev_28";
+const colorSuccess = "_colorSuccess_sqmev_36";
+const colorWarning = "_colorWarning_sqmev_44";
+const colorNeutral = "_colorNeutral_sqmev_52";
+const colorSupport = "_colorSupport_sqmev_60";
+const colorInverse = "_colorInverse_sqmev_66";
+const variantFilled = "_variantFilled_sqmev_72";
+const variantOutlined = "_variantOutlined_sqmev_99";
+const variantLink = "_variantLink_sqmev_127";
+const sizeMd = "_sizeMd_sqmev_151";
+const sizeSm = "_sizeSm_sqmev_159";
+const block = "_block_sqmev_176";
+const iconAtStart = "_iconAtStart_sqmev_181";
+const iconAtEnd = "_iconAtEnd_sqmev_185";
 const styles = {
   Button: Button$1,
   colorPrimary,

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @easypost/easy-ui
 
+## 1.0.0-alpha.23
+
+### Patch Changes
+
+- 8fbfe3a: fix(Checkbox,Toggle): forward refs
+
+## 1.0.0-alpha.22
+
+### Minor Changes
+
+- a98c59b: feat: use new color tokens in component CSS
+
+### Patch Changes
+
+- Updated dependencies [74890b5]
+  - @easypost/easy-ui-icons@1.0.0-alpha.15
+
 ## 1.0.0-alpha.21
 
 ### Minor Changes

package/Card/index.js

@@ -31,15 +31,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const omit = require("../__chunks__/omit-tcSejr4A.js");
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
-const container = "_container_1q1qt_5";
-const area = "_area_1q1qt_23";
-const variantOutlined = "_variantOutlined_1q1qt_65";
-const variantFlagged = "_variantFlagged_1q1qt_66";
-const selected = "_selected_1q1qt_78";
-const disabled = "_disabled_1q1qt_82";
-const statusDanger = "_statusDanger_1q1qt_86";
-const statusWarning = "_statusWarning_1q1qt_90";
-const statusSuccess = "_statusSuccess_1q1qt_94";
+const container = "_container_31ydp_5";
+const area = "_area_31ydp_23";
+const variantOutlined = "_variantOutlined_31ydp_65";
+const variantFlagged = "_variantFlagged_31ydp_66";
+const selected = "_selected_31ydp_78";
+const disabled = "_disabled_31ydp_82";
+const statusDanger = "_statusDanger_31ydp_86";
+const statusWarning = "_statusWarning_31ydp_90";
+const statusSuccess = "_statusSuccess_31ydp_94";
 const styles = {
   container,
   area,

package/Card/index.mjs

@@ -29,15 +29,15 @@ var __objRest = (source, exclude) => {
 import { o as omit } from "../__chunks__/omit-B9V4OM3c.mjs";
 import React__default from "react";
 import { classNames, variationName, getComponentThemeToken, getResponsiveDesignToken } from "../utilities/css.mjs";
-const container = "_container_1q1qt_5";
-const area = "_area_1q1qt_23";
-const variantOutlined = "_variantOutlined_1q1qt_65";
-const variantFlagged = "_variantFlagged_1q1qt_66";
-const selected = "_selected_1q1qt_78";
-const disabled = "_disabled_1q1qt_82";
-const statusDanger = "_statusDanger_1q1qt_86";
-const statusWarning = "_statusWarning_1q1qt_90";
-const statusSuccess = "_statusSuccess_1q1qt_94";
+const container = "_container_31ydp_5";
+const area = "_area_31ydp_23";
+const variantOutlined = "_variantOutlined_31ydp_65";
+const variantFlagged = "_variantFlagged_31ydp_66";
+const selected = "_selected_31ydp_78";
+const disabled = "_disabled_31ydp_82";
+const statusDanger = "_statusDanger_31ydp_86";
+const statusWarning = "_statusWarning_31ydp_90";
+const statusSuccess = "_statusSuccess_31ydp_94";
 const styles = {
   container,
   area,

package/Checkbox/Checkbox.d.ts

@@ -86,5 +86,5 @@ export type CheckboxProps = {
  * </Checkbox>
  * ```
  */
-export declare function Checkbox(props: CheckboxProps): React.JSX.Element;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Checkbox.d.ts.map

package/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,eAAe,EAAkB,MAAM,eAAe,CAAC;AAQhE,eAAO,MAAM,YAAY,OAAO,CAAC;AAEjC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAiF5C"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,eAAe,EAAkB,MAAM,eAAe,CAAC;AAQhE,eAAO,MAAM,YAAY,OAAO,CAAC;AAEjC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,QAAQ,wFAgGpB,CAAC"}

package/Checkbox/index.js

@@ -18,21 +18,33 @@ var __spreadValues = (a, b) => {
   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;
+};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const _import$3 = require("../__chunks__/import-Wax5AAZ5.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$1 = require("../__chunks__/import-MTWfZF9m.js");
-const _import = require("../__chunks__/import-AZ4w4eWw.js");
-const _import$2 = require("../__chunks__/import-lusj6TWW.js");
-const _import$3 = require("../__chunks__/import-LK6z3Rbv.js");
-require("../__chunks__/index-5R7PFgPK.js");
-require("../__chunks__/import-Ekm8ZDnU.js");
+const _import$1 = require("../__chunks__/import-VGac96jI.js");
+const _import = require("../__chunks__/import--5nEd0H5.js");
+const _import$2 = require("../__chunks__/import-93RwLTzD.js");
+require("../__chunks__/index-LtVyLw6l.js");
+require("../__chunks__/import-fu8As6YY.js");
 require("../__chunks__/import-GC-6m69n.js");
 require("react-dom");
-require("../__chunks__/real-module-falp70Qi.js");
+require("../__chunks__/real-module-4bOErLqb.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -145,7 +157,7 @@ var __spreadValues2 = (a, b) => {
     }
   return a;
 };
-var __objRest = (source, exclude) => {
+var __objRest2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -158,7 +170,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const Remove600 = (_a) => {
-  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  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",
@@ -169,22 +181,22 @@ const Remove600 = (_a) => {
     d: "M185.869-440.391v-79.218h588.827v79.218H185.869Z"
   }));
 };
-const Checkbox$1 = "_Checkbox_jbpb0_5";
-const label = "_label_jbpb0_17";
-const box = "_box_jbpb0_41";
-const check = "_check_jbpb0_42";
-const focusVisible = "_focusVisible_jbpb0_57";
-const text = "_text_jbpb0_73";
-const indeterminateSvg = "_indeterminateSvg_jbpb0_78";
-const nested = "_nested_jbpb0_82";
-const sizeLg = "_sizeLg_jbpb0_86";
-const standalone = "_standalone_jbpb0_91";
-const invalid = "_invalid_jbpb0_96";
-const disabled = "_disabled_jbpb0_100";
-const indeterminate = "_indeterminate_jbpb0_78";
-const selected = "_selected_jbpb0_105";
-const hovered = "_hovered_jbpb0_121";
-const readOnly = "_readOnly_jbpb0_121";
+const Checkbox$1 = "_Checkbox_1mqug_5";
+const label = "_label_1mqug_17";
+const box = "_box_1mqug_41";
+const check = "_check_1mqug_42";
+const focusVisible = "_focusVisible_1mqug_57";
+const text = "_text_1mqug_73";
+const indeterminateSvg = "_indeterminateSvg_1mqug_78";
+const nested = "_nested_1mqug_82";
+const sizeLg = "_sizeLg_1mqug_86";
+const standalone = "_standalone_1mqug_91";
+const invalid = "_invalid_1mqug_96";
+const disabled = "_disabled_1mqug_100";
+const indeterminate = "_indeterminate_1mqug_78";
+const selected = "_selected_1mqug_105";
+const hovered = "_hovered_1mqug_121";
+const readOnly = "_readOnly_1mqug_121";
 const styles = {
   Checkbox: Checkbox$1,
   label,
@@ -204,8 +216,8 @@ const styles = {
   readOnly
 };
 const DEFAULT_SIZE = "md";
-function Checkbox(props) {
-  const { children, errorText, isDisabled, isIndeterminate, isReadOnly, isNested, size = DEFAULT_SIZE, validationState } = props;
+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 = _import$1.$3017fa7ffdddec74$export$8042c6c013fd5226(props);
   const { inputProps: inputPropsFromAria } = $406796ff087fe49b$export$e375f10ce42261c5(props, state, ref);
@@ -220,14 +232,14 @@ function Checkbox(props) {
   }
   const RootComponent = children ? "label" : "span";
   const rootProps = children ? hoverProps : {};
-  const inputProps = children ? _import$3.$3ef42575df84b30b$export$9d1611c77c2fe928(inputPropsFromAria, focusProps) : _import$3.$3ef42575df84b30b$export$9d1611c77c2fe928(inputPropsFromAria, focusProps, hoverProps);
+  const inputProps = children ? _import$3.$3ef42575df84b30b$export$9d1611c77c2fe928(restProps, inputPropsFromAria, focusProps) : _import$3.$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
+    ref: _import$3.$5dc95899b306f630$export$c9058316764c140e(ref, outsideRef)
   })), React.createElement("span", {
     className: styles.box
   }, (isIndeterminate || isSelected) && React.createElement("span", {
@@ -246,6 +258,7 @@ function Checkbox(props) {
   }, children))), validationState === "invalid" && errorText && React.createElement(SelectorErrorTooltip_index.SelectorErrorTooltip, {
     content: errorText
   }));
-}
+});
+Checkbox.displayName = "Checkbox";
 exports.Checkbox = Checkbox;
 exports.DEFAULT_SIZE = DEFAULT_SIZE;

package/Checkbox/index.mjs

@@ -17,21 +17,33 @@ var __spreadValues = (a, b) => {
   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 } from "react";
+import React__default, { useEffect, forwardRef } from "react";
+import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, v as $5dc95899b306f630$export$c9058316764c140e } from "../__chunks__/import-mcSt3euq.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-aPNpLCPX.mjs";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "../__chunks__/import-IfQTmXIx.mjs";
-import { l as $f7dceffc5ad7768b$export$4e328f61c538687f, m as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/import-NiNGs5I6.mjs";
-import { b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/import-JQFwSCR1.mjs";
-import "../__chunks__/index-o-2A9v85.mjs";
-import "../__chunks__/import-TNDlVovt.mjs";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577, a as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../__chunks__/import-q5LJzx4g.mjs";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "../__chunks__/import-bKKqvsm8.mjs";
+import { l as $f7dceffc5ad7768b$export$4e328f61c538687f, m as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/import-19HvjNNm.mjs";
+import "../__chunks__/index-3KrRQ0ZH.mjs";
+import "../__chunks__/import-U6nmG_dD.mjs";
 import "../__chunks__/import-j-cSWNWF.mjs";
 import "react-dom";
-import "../__chunks__/real-module-Uc20aFZv.mjs";
+import "../__chunks__/real-module-X7bTlqmh.mjs";
 function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
   let validationState = $e5be200c675c3b3a$export$fc1a364ae1f3ff10(__spreadProps(__spreadValues({}, props), {
     value: state.isSelected
@@ -127,7 +139,7 @@ var __spreadValues2 = (a, b) => {
     }
   return a;
 };
-var __objRest = (source, exclude) => {
+var __objRest2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -140,7 +152,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const Remove600 = (_a) => {
-  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  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",
@@ -151,22 +163,22 @@ const Remove600 = (_a) => {
     d: "M185.869-440.391v-79.218h588.827v79.218H185.869Z"
   }));
 };
-const Checkbox$1 = "_Checkbox_jbpb0_5";
-const label = "_label_jbpb0_17";
-const box = "_box_jbpb0_41";
-const check = "_check_jbpb0_42";
-const focusVisible = "_focusVisible_jbpb0_57";
-const text = "_text_jbpb0_73";
-const indeterminateSvg = "_indeterminateSvg_jbpb0_78";
-const nested = "_nested_jbpb0_82";
-const sizeLg = "_sizeLg_jbpb0_86";
-const standalone = "_standalone_jbpb0_91";
-const invalid = "_invalid_jbpb0_96";
-const disabled = "_disabled_jbpb0_100";
-const indeterminate = "_indeterminate_jbpb0_78";
-const selected = "_selected_jbpb0_105";
-const hovered = "_hovered_jbpb0_121";
-const readOnly = "_readOnly_jbpb0_121";
+const Checkbox$1 = "_Checkbox_1mqug_5";
+const label = "_label_1mqug_17";
+const box = "_box_1mqug_41";
+const check = "_check_1mqug_42";
+const focusVisible = "_focusVisible_1mqug_57";
+const text = "_text_1mqug_73";
+const indeterminateSvg = "_indeterminateSvg_1mqug_78";
+const nested = "_nested_1mqug_82";
+const sizeLg = "_sizeLg_1mqug_86";
+const standalone = "_standalone_1mqug_91";
+const invalid = "_invalid_1mqug_96";
+const disabled = "_disabled_1mqug_100";
+const indeterminate = "_indeterminate_1mqug_78";
+const selected = "_selected_1mqug_105";
+const hovered = "_hovered_1mqug_121";
+const readOnly = "_readOnly_1mqug_121";
 const styles = {
   Checkbox: Checkbox$1,
   label,
@@ -186,8 +198,8 @@ const styles = {
   readOnly
 };
 const DEFAULT_SIZE = "md";
-function Checkbox(props) {
-  const { children, errorText, isDisabled, isIndeterminate, isReadOnly, isNested, size = DEFAULT_SIZE, validationState } = props;
+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);
@@ -202,14 +214,14 @@ function Checkbox(props) {
   }
   const RootComponent = children ? "label" : "span";
   const rootProps = children ? hoverProps : {};
-  const inputProps = children ? $3ef42575df84b30b$export$9d1611c77c2fe928(inputPropsFromAria, focusProps) : $3ef42575df84b30b$export$9d1611c77c2fe928(inputPropsFromAria, focusProps, 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
+    ref: $5dc95899b306f630$export$c9058316764c140e(ref, outsideRef)
   })), React__default.createElement("span", {
     className: styles.box
   }, (isIndeterminate || isSelected) && React__default.createElement("span", {
@@ -228,7 +240,8 @@ function Checkbox(props) {
   }, children))), validationState === "invalid" && errorText && React__default.createElement(SelectorErrorTooltip, {
     content: errorText
   }));
-}
+});
+Checkbox.displayName = "Checkbox";
 export {
   Checkbox,
   DEFAULT_SIZE

package/CodeBlock/index.js

@@ -17,30 +17,30 @@ var __spreadValues = (a, b) => {
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const CodeSnippet_index = require("../__chunks__/index-woJu1seq.js");
+const CodeSnippet_index = require("../__chunks__/index-wkc-Rvjq.js");
 const HorizontalStack_index = require("../HorizontalStack/index.js");
 const Text_index = require("../Text/index.js");
 const utilities_css = require("../utilities/css.js");
 const utilities_react = require("../utilities/react.js");
 const omit = require("../__chunks__/omit-tcSejr4A.js");
 const Icon_index = require("../Icon/index.js");
-const Tooltip_index = require("../__chunks__/index-5R7PFgPK.js");
-const _import = require("../__chunks__/import-lusj6TWW.js");
-const _import$1 = require("../__chunks__/import-LK6z3Rbv.js");
+const Tooltip_index = require("../__chunks__/index-LtVyLw6l.js");
+const _import = require("../__chunks__/import-93RwLTzD.js");
+const _import$1 = require("../__chunks__/import-Wax5AAZ5.js");
 const ExpandMore400 = require("../__chunks__/ExpandMore400-f7xxwtIT.js");
 const Menu_index = require("../Menu/index.js");
-const UnstyledButton_index = require("../__chunks__/index-DwufPu37.js");
+const UnstyledButton_index = require("../__chunks__/index-OnNzi01G.js");
 require("../Card/index.js");
 require("../__chunks__/tokens-UaksNJl0.js");
 require("../__chunks__/overlayscrollbars-react.es-NlOewPvv.js");
 require("../__chunks__/index-hnDwuSY-.js");
-require("../__chunks__/import-Ekm8ZDnU.js");
+require("../__chunks__/import-fu8As6YY.js");
 require("../__chunks__/import-GC-6m69n.js");
 require("react-dom");
-require("../__chunks__/real-module-falp70Qi.js");
+require("../__chunks__/real-module-4bOErLqb.js");
 require("../__chunks__/import-J0seVzci.js");
-require("../__chunks__/useTriggerWidth-qcuq0bMp.js");
-require("../__chunks__/import-wq7kHiMa.js");
+require("../__chunks__/useTriggerWidth-WTYVZRTl.js");
+require("../__chunks__/import-lOjBQl0k.js");
 require("../utilities/useScrollbar.js");
 require("../__chunks__/import-AdSP9fsz.js");
 function _interopNamespaceDefault(e) {
@@ -219,7 +219,7 @@ function useClipboard(options) {
   };
 }
 useClipboard_1 = dist.useClipboard = useClipboard;
-const CopyButton$1 = "_CopyButton_11zv2_5";
+const CopyButton$1 = "_CopyButton_16av6_5";
 const styles$1 = {
   CopyButton: CopyButton$1
 };
@@ -285,11 +285,11 @@ function LanguageMenu(props) {
     key: language2
   }, CodeSnippet_index.friendlySnippetLanguageNames[language2]))));
 }
-const CodeBlock$1 = "_CodeBlock_uvvwd_5";
-const header = "_header_uvvwd_13";
-const divider = "_divider_uvvwd_20";
-const colorPrimary = "_colorPrimary_uvvwd_27";
-const colorSecondary = "_colorSecondary_uvvwd_32";
+const CodeBlock$1 = "_CodeBlock_19yrd_5";
+const header = "_header_19yrd_13";
+const divider = "_divider_19yrd_20";
+const colorPrimary = "_colorPrimary_19yrd_27";
+const colorSecondary = "_colorSecondary_19yrd_32";
 const styles = {
   CodeBlock: CodeBlock$1,
   header,