@easypost/easy-ui 1.0.0-alpha.111 → 1.0.0-alpha.113

package/__chunks__/{Card-BM2DKiVA.js → Card-DIZFYg6E.js}

@@ -1,5 +1,7 @@
 "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;
@@ -15,6 +17,7 @@ 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)
@@ -27,9 +30,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+const jsxRuntime = require("./jsx-runtime-CH1d66I3.js");
 const omit = require("./omit-CC3uE8z5.js");
 const _commonjsHelpers = require("./_commonjsHelpers-Bc2YnDe1.js");
-const React = require("react");
 const utilities_css = require("../utilities/css.js");
 var _baseSet;
 var hasRequired_baseSet;
@@ -201,19 +204,22 @@ function CardContainer(props) {
   if (variant !== "outlined" && isSelected) {
     console.warn("isSelected is only applicable for outlined cards");
   }
-  return React.createElement(As, __spreadValues({
+  return jsxRuntime.jsxRuntimeExports.jsx(As, __spreadProps(__spreadValues({
     className,
     style,
     disabled: isDisabled
-  }, omit.omit(restProps, ["className", "style"])), children);
+  }, omit.omit(restProps, ["className", "style"])), {
+    children
+  }));
 }
 function CardArea({ background, children, padding, paddingX, paddingY }) {
   const { paddingTop, paddingBottom, paddingLeft, paddingRight } = getPaddingValues(padding, paddingX, paddingY);
   const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken("card-area", "background", "color", getBackgroundToken(background))), utilities_css.getResponsiveDesignToken("card-area", "padding-top", "space", paddingTop)), utilities_css.getResponsiveDesignToken("card-area", "padding-bottom", "space", paddingBottom)), utilities_css.getResponsiveDesignToken("card-area", "padding-left", "space", paddingLeft)), utilities_css.getResponsiveDesignToken("card-area", "padding-right", "space", paddingRight));
-  return React.createElement("div", {
+  return jsxRuntime.jsxRuntimeExports.jsx("div", {
     className: styles.area,
-    style
-  }, children);
+    style,
+    children
+  });
 }
 function getPaddingValues(padding, paddingX, paddingY) {
   if (padding) {
@@ -265,12 +271,15 @@ function getLeftBorderToken(status) {
 }
 function Card(props) {
   const _a = props, { background, children, padding, paddingX, paddingY } = _a, containerProps = __objRest(_a, ["background", "children", "padding", "paddingX", "paddingY"]);
-  return React.createElement(CardContainer, __spreadValues({}, containerProps), React.createElement(CardArea, {
-    background,
-    padding,
-    paddingX,
-    paddingY
-  }, children));
+  return jsxRuntime.jsxRuntimeExports.jsx(CardContainer, __spreadProps(__spreadValues({}, containerProps), {
+    children: jsxRuntime.jsxRuntimeExports.jsx(CardArea, {
+      background,
+      padding,
+      paddingX,
+      paddingY,
+      children
+    })
+  }));
 }
 Card.Container = CardContainer;
 Card.Area = CardArea;

package/__chunks__/{Checkbox-BWfY9XqH.mjs → Checkbox-C-NlI-Ym.mjs}

@@ -29,14 +29,15 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { j as jsxRuntimeExports } from "./jsx-runtime-DTpFD6nx.mjs";
 import * as React from "react";
 import React__default, { useEffect, useMemo, forwardRef } from "react";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-COnPag8r.mjs";
 import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-ClQjEiLh.mjs";
 import { $ as $df56164dff5785e2$export$4338b53315abf666 } from "./useObjectRef-77h4G8qk.mjs";
-import { I as Icon } from "./Icon-0SN9dbwU.mjs";
-import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-Dw1Fvd_q.mjs";
-import { T as Text } from "./Text-YOL3isF4.mjs";
+import { I as Icon } from "./Icon-DzTns8u5.mjs";
+import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-BC-1JoX3.mjs";
+import { T as Text } from "./Text-u9mYLeWj.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
 import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "./useToggleState-BLVhvfl9.mjs";
 import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-Bdyc51B-.mjs";
@@ -212,31 +213,38 @@ const Checkbox = forwardRef((props, outsideRef) => {
   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: mergedRef
-  })), 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
-  }));
+  return jsxRuntimeExports.jsxs("span", {
+    className,
+    children: [jsxRuntimeExports.jsxs(RootComponent, __spreadProps(__spreadValues({
+      className: styles.label
+    }, rootProps), {
+      children: [jsxRuntimeExports.jsx("input", __spreadProps(__spreadValues({}, inputProps), {
+        className: styles.input,
+        ref: mergedRef
+      })), jsxRuntimeExports.jsx("span", {
+        className: styles.box,
+        children: (isIndeterminate || isSelected) && jsxRuntimeExports.jsx("span", {
+          className: styles.check,
+          children: isIndeterminate ? jsxRuntimeExports.jsx(Icon, {
+            symbol: Remove600,
+            size: size === "lg" ? "md" : "xs"
+          }) : jsxRuntimeExports.jsx(Icon, {
+            symbol: Check600,
+            size: size === "lg" ? "md" : "xs"
+          })
+        })
+      }), children && jsxRuntimeExports.jsx("span", {
+        className: styles.text,
+        children: jsxRuntimeExports.jsx(Text, {
+          variant: textVariant,
+          color: textColor,
+          children
+        })
+      })]
+    })), validationState === "invalid" && errorText && jsxRuntimeExports.jsx(SelectorErrorTooltip, {
+      content: errorText
+    })]
+  });
 });
 Checkbox.displayName = "Checkbox";
 export {

package/__chunks__/{Checkbox-D2-8vvdr.js → Checkbox-DFWhjlaO.js}

@@ -30,13 +30,14 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+const jsxRuntime = require("./jsx-runtime-CH1d66I3.js");
 const React = require("react");
 const mergeProps = require("./mergeProps-DLPcevok.js");
 const mergeRefs = require("./mergeRefs-qNwPManW.js");
 const useObjectRef = require("./useObjectRef-Bma_uNHw.js");
-const Icon = require("./Icon-W8F9w-jS.js");
-const SelectorErrorTooltip = require("./SelectorErrorTooltip-_D8DSBKs.js");
-const Text = require("./Text-CSESKR_s.js");
+const Icon = require("./Icon-BVa5ddiD.js");
+const SelectorErrorTooltip = require("./SelectorErrorTooltip-BMxbuFiM.js");
+const Text = require("./Text-C4CEsglh.js");
 const utilities_css = require("../utilities/css.js");
 const useToggleState = require("./useToggleState-BYfp0R5h.js");
 const useFormValidation = require("./useFormValidation-joghLMcB.js");
@@ -229,31 +230,38 @@ const Checkbox = React.forwardRef((props, outsideRef) => {
   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: mergedRef
-  })), 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
-  }));
+  return jsxRuntime.jsxRuntimeExports.jsxs("span", {
+    className,
+    children: [jsxRuntime.jsxRuntimeExports.jsxs(RootComponent, __spreadProps(__spreadValues({
+      className: styles.label
+    }, rootProps), {
+      children: [jsxRuntime.jsxRuntimeExports.jsx("input", __spreadProps(__spreadValues({}, inputProps), {
+        className: styles.input,
+        ref: mergedRef
+      })), jsxRuntime.jsxRuntimeExports.jsx("span", {
+        className: styles.box,
+        children: (isIndeterminate || isSelected) && jsxRuntime.jsxRuntimeExports.jsx("span", {
+          className: styles.check,
+          children: isIndeterminate ? jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+            symbol: Remove600,
+            size: size === "lg" ? "md" : "xs"
+          }) : jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+            symbol: Check600,
+            size: size === "lg" ? "md" : "xs"
+          })
+        })
+      }), children && jsxRuntime.jsxRuntimeExports.jsx("span", {
+        className: styles.text,
+        children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+          variant: textVariant,
+          color: textColor,
+          children
+        })
+      })]
+    })), validationState === "invalid" && errorText && jsxRuntime.jsxRuntimeExports.jsx(SelectorErrorTooltip.SelectorErrorTooltip, {
+      content: errorText
+    })]
+  });
 });
 Checkbox.displayName = "Checkbox";
 exports.Checkbox = Checkbox;

package/__chunks__/{CodeSnippet-CIijbclb.js → CodeSnippet-BCOMwE07.js}

@@ -18,10 +18,11 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const jsxRuntime = require("./jsx-runtime-CH1d66I3.js");
 const mergeRefs = require("./mergeRefs-qNwPManW.js");
 const useObjectRef = require("./useObjectRef-Bma_uNHw.js");
 const React = require("react");
-const Card = require("./Card-BM2DKiVA.js");
+const Card = require("./Card-DIZFYg6E.js");
 const _commonjsHelpers = require("./_commonjsHelpers-Bc2YnDe1.js");
 const objectWithoutPropertiesLoose = require("./objectWithoutPropertiesLoose-C4Mip8ZU.js");
 const tokens = require("./tokens-CJGKzS0r.js");
@@ -5673,17 +5674,20 @@ const CodeSnippet = React.forwardRef((props, ref) => {
   const mergedRef = useObjectRef.$df56164dff5785e2$export$4338b53315abf666(mergeRefs.$5dc95899b306f630$export$c9058316764c140e(ref, codeBlockRef));
   const syntaxTheme = useEasyUiSyntaxHighlighterTheme(maxLines);
   useScrollbar(codeBlockRef);
-  return React.createElement(Component, {
-    background: "primary"
-  }, React.createElement("div", {
-    className: styles.CodeSnippet,
-    ref: mergedRef,
-    tabIndex: maxLines != null ? 0 : void 0
-  }, React.createElement(SyntaxHighlighter, {
-    language,
-    style: syntaxTheme,
-    showLineNumbers
-  }, code)));
+  return jsxRuntime.jsxRuntimeExports.jsx(Component, {
+    background: "primary",
+    children: jsxRuntime.jsxRuntimeExports.jsx("div", {
+      className: styles.CodeSnippet,
+      ref: mergedRef,
+      tabIndex: maxLines != null ? 0 : void 0,
+      children: jsxRuntime.jsxRuntimeExports.jsx(SyntaxHighlighter, {
+        language,
+        style: syntaxTheme,
+        showLineNumbers,
+        children: code
+      })
+    })
+  });
 });
 CodeSnippet.displayName = "CodeSnippet";
 exports.CodeBlockContext = CodeBlockContext;

package/__chunks__/{CodeSnippet-QpCpkoXv.mjs → CodeSnippet-CWnMHdVu.mjs}

@@ -17,10 +17,11 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { j as jsxRuntimeExports } from "./jsx-runtime-DTpFD6nx.mjs";
 import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-ClQjEiLh.mjs";
 import { $ as $df56164dff5785e2$export$4338b53315abf666 } from "./useObjectRef-77h4G8qk.mjs";
 import React__default, { useMemo, useEffect, createContext, useContext, forwardRef, useRef } from "react";
-import { C as Card } from "./Card-CJug4GMX.mjs";
+import { C as Card } from "./Card-8778avMv.mjs";
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./_commonjsHelpers-DWwsNxpa.mjs";
 import { _ as _objectWithoutPropertiesLoose, a as _extends } from "./objectWithoutPropertiesLoose-COdxq1Ge.mjs";
 import { e as ezuiTokens } from "./tokens-BXztpSjv.mjs";
@@ -5672,17 +5673,20 @@ const CodeSnippet = forwardRef((props, ref) => {
   const mergedRef = $df56164dff5785e2$export$4338b53315abf666($5dc95899b306f630$export$c9058316764c140e(ref, codeBlockRef));
   const syntaxTheme = useEasyUiSyntaxHighlighterTheme(maxLines);
   useScrollbar(codeBlockRef);
-  return React__default.createElement(Component, {
-    background: "primary"
-  }, React__default.createElement("div", {
-    className: styles.CodeSnippet,
-    ref: mergedRef,
-    tabIndex: maxLines != null ? 0 : void 0
-  }, React__default.createElement(SyntaxHighlighter, {
-    language,
-    style: syntaxTheme,
-    showLineNumbers
-  }, code)));
+  return jsxRuntimeExports.jsx(Component, {
+    background: "primary",
+    children: jsxRuntimeExports.jsx("div", {
+      className: styles.CodeSnippet,
+      ref: mergedRef,
+      tabIndex: maxLines != null ? 0 : void 0,
+      children: jsxRuntimeExports.jsx(SyntaxHighlighter, {
+        language,
+        style: syntaxTheme,
+        showLineNumbers,
+        children: code
+      })
+    })
+  });
 });
 CodeSnippet.displayName = "CodeSnippet";
 export {

package/__chunks__/{DatePickerBase-CFB0JDQA.mjs → DatePickerBase-C4PwUr9x.mjs}

@@ -17,12 +17,13 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { j as jsxRuntimeExports } from "./jsx-runtime-DTpFD6nx.mjs";
 import * as React from "react";
 import React__default, { useState, useMemo, useRef, useEffect } from "react";
-import { I as InputIcon, l as logWarningForMissingAriaLabel } from "./InputIcon-Bpg4lyQx.mjs";
-import { U as UnstyledButton } from "./UnstyledButton-DpQ5Ic9D.mjs";
-import { o as $35ea8db9cb2ccb90$export$680ea196effce5f, m as $fb18d541ea1ad717$export$ad991b66133851cf, k as $11d87f3f76e88657$export$b4a036af3fc0b032, p as $14e0f24ef4ac5c92$export$461939dd4422153, q as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, d as $11d87f3f76e88657$export$93522d1a439f3617, n as $11d87f3f76e88657$export$b21e0b124e224484, r as $14e0f24ef4ac5c92$export$dbc69fd56b53d5e, l as $3b62074eb05584b2$export$80ee6245ec4f29ec, s as $14e0f24ef4ac5c92$export$b2f4953d301981d5, t as $14e0f24ef4ac5c92$export$5412ac11713b72ad, u as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, v as $35ea8db9cb2ccb90$export$99faa760c7908e4f, b as $64244302c3013299$export$dd0bbc9b26defe37 } from "./CalendarBase-Bn9o8BdD.mjs";
-import { H as HorizontalStack } from "./HorizontalStack-CxE8tPx_.mjs";
+import { I as InputIcon, l as logWarningForMissingAriaLabel } from "./InputIcon-BLJ6dx_5.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-BCg7eEyP.mjs";
+import { o as $35ea8db9cb2ccb90$export$680ea196effce5f, m as $fb18d541ea1ad717$export$ad991b66133851cf, k as $11d87f3f76e88657$export$b4a036af3fc0b032, p as $14e0f24ef4ac5c92$export$461939dd4422153, q as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, d as $11d87f3f76e88657$export$93522d1a439f3617, n as $11d87f3f76e88657$export$b21e0b124e224484, r as $14e0f24ef4ac5c92$export$dbc69fd56b53d5e, l as $3b62074eb05584b2$export$80ee6245ec4f29ec, s as $14e0f24ef4ac5c92$export$b2f4953d301981d5, t as $14e0f24ef4ac5c92$export$5412ac11713b72ad, u as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, v as $35ea8db9cb2ccb90$export$99faa760c7908e4f, b as $64244302c3013299$export$dd0bbc9b26defe37 } from "./CalendarBase-3a9i7QNo.mjs";
+import { H as HorizontalStack } from "./HorizontalStack-BkE82C73.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-5UR8ToA1.mjs";
 import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0, $ as $fca6afa0e843324b$export$f12b703ca79dfbb1, c as $fca6afa0e843324b$export$87b761675e8eaa10 } from "./useLocalizedStringFormatter-DWQ_olZl.mjs";
@@ -42,8 +43,8 @@ import { y as $c87311424ea30a05$export$fedb369cb70207f1, k as $c87311424ea30a05$
 import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-CnahkmoD.mjs";
 import { $ as $d2e8511e6f209edf$export$e908e06f4b8e3402, a as $6c7bd7858deea686$export$cd11ab140839f11d } from "./useSpinButton-COlOvKCF.mjs";
 import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "./useFilter-Dm0fSoJl.mjs";
-import { V as VerticalStack } from "./VerticalStack-C2yDQVHD.mjs";
-import { T as Text } from "./Text-YOL3isF4.mjs";
+import { V as VerticalStack } from "./VerticalStack-Cbdpucbh.mjs";
+import { T as Text } from "./Text-u9mYLeWj.mjs";
 import { b as DEFAULT_PLACEMENT, O as OVERLAY_OFFSET, c as OVERLAY_PADDING_FROM_CONTAINER } from "./utilities-CBYsZn-t.mjs";
 import { $ as $f2f8a6077418541e$export$542a6fd13ac93354, a as $86ea4cb521eb2e37$export$2317d149ed6f78c4 } from "./usePopover-BTGHi16_.mjs";
 import { d as $337b884510726a0d$export$c6fdb837b070b4ff } from "./Overlay-Dkjxuk6V.mjs";
@@ -2603,55 +2604,65 @@ function DateFieldField(props) {
     createCalendar: $64244302c3013299$export$dd0bbc9b26defe37
   }));
   const { fieldProps } = $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, dateFieldRef);
-  return React__default.createElement("div", __spreadProps(__spreadValues({}, fieldProps), {
-    ref: dateFieldRef
-  }), React__default.createElement(HorizontalStack, {
-    blockAlign: "center"
-  }, state.segments.map((segment, i) => React__default.createElement(DateSegment, {
-    key: i,
-    segment,
-    state
-  }))));
+  return jsxRuntimeExports.jsx("div", __spreadProps(__spreadValues({}, fieldProps), {
+    ref: dateFieldRef,
+    children: jsxRuntimeExports.jsx(HorizontalStack, {
+      blockAlign: "center",
+      children: state.segments.map((segment, i) => jsxRuntimeExports.jsx(DateSegment, {
+        segment,
+        state
+      }, i))
+    })
+  }));
 }
 function DateSegment(props) {
   const { segment, state } = props;
   const { type } = segment;
   const dateSegmentRef = React__default.useRef(null);
   const { segmentProps } = $32489daedd52963e$export$1315d136e6f7581(segment, state, dateSegmentRef);
-  return React__default.createElement("div", __spreadProps(__spreadValues({}, segmentProps), {
+  return jsxRuntimeExports.jsx("div", __spreadProps(__spreadValues({}, segmentProps), {
     ref: dateSegmentRef,
-    className: classNames(styles.DateSegment, type === "literal" && !state.value && styles.literalSegment)
-  }), segment.text);
+    className: classNames(styles.DateSegment, type === "literal" && !state.value && styles.literalSegment),
+    children: segment.text
+  }));
 }
 function DatePickerTrigger(props) {
   const { isDisabled, size, triggerRef, datePickerRef, buttonProps, groupProps, startFieldProps, endFieldProps, fieldProps, isInvalid, errorMessage, state } = props;
   const className = classNames(styles.datePickerTrigger, (isInvalid || state.isInvalid) && styles.errorInput, isDisabled && styles.disabled);
-  return React__default.createElement(VerticalStack, {
-    gap: "1"
-  }, React__default.createElement("div", __spreadValues({
-    className: styles.datePickerTriggerContainer,
-    ref: datePickerRef
-  }, groupProps), React__default.createElement(UnstyledButton, __spreadProps(__spreadValues({}, buttonProps), {
-    className,
-    ref: triggerRef
-  }), React__default.createElement(DateFieldField, __spreadValues({}, fieldProps ? fieldProps : startFieldProps)), endFieldProps && React__default.createElement(React__default.Fragment, null, React__default.createElement(Text, {
-    variant: "caption"
-  }, "—"), React__default.createElement(DateFieldField, __spreadValues({}, endFieldProps))), React__default.createElement(InputIcon, {
-    alignment: "end",
-    icon: CalendarMonth,
-    size,
-    isDisabled
-  }))), (isInvalid || state.isInvalid) && React__default.createElement(Text, {
-    color: "negative.500",
-    variant: "caption"
-  }, errorMessage));
+  return jsxRuntimeExports.jsxs(VerticalStack, {
+    gap: "1",
+    children: [jsxRuntimeExports.jsx("div", __spreadProps(__spreadValues({
+      className: styles.datePickerTriggerContainer,
+      ref: datePickerRef
+    }, groupProps), {
+      children: jsxRuntimeExports.jsxs(UnstyledButton, __spreadProps(__spreadValues({}, buttonProps), {
+        className,
+        ref: triggerRef,
+        children: [jsxRuntimeExports.jsx(DateFieldField, __spreadValues({}, fieldProps ? fieldProps : startFieldProps)), endFieldProps && jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+          children: [jsxRuntimeExports.jsx(Text, {
+            variant: "caption",
+            children: "—"
+          }), jsxRuntimeExports.jsx(DateFieldField, __spreadValues({}, endFieldProps))]
+        }), jsxRuntimeExports.jsx(InputIcon, {
+          alignment: "end",
+          icon: CalendarMonth,
+          size,
+          isDisabled
+        })]
+      }))
+    })), (isInvalid || state.isInvalid) && jsxRuntimeExports.jsx(Text, {
+      color: "negative.500",
+      variant: "caption",
+      children: errorMessage
+    })]
+  });
 }
 function DatePickerOverlay(props) {
   const { state } = props;
   if (!state.isOpen) {
     return null;
   }
-  return React__default.createElement(DatePickerContent, __spreadValues({}, props));
+  return jsxRuntimeExports.jsx(DatePickerContent, __spreadValues({}, props));
 }
 function DatePickerContent(props) {
   const { children, triggerRef, dialogProps, state } = props;
@@ -2663,18 +2674,22 @@ function DatePickerContent(props) {
     popoverRef,
     triggerRef
   }, state);
-  return React__default.createElement($337b884510726a0d$export$c6fdb837b070b4ff, null, React__default.createElement("div", __spreadProps(__spreadValues({}, underlayProps), {
-    className: styles.underlay
-  })), React__default.createElement("div", __spreadProps(__spreadValues({}, popoverProps), {
-    ref: popoverRef,
-    className: styles.popover
-  }), React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
-    onDismiss: state.close
-  }), React__default.createElement("div", __spreadProps(__spreadValues({}, dialogProps), {
-    className: styles.dialog
-  }), children), React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
-    onDismiss: state.close
-  })));
+  return jsxRuntimeExports.jsxs($337b884510726a0d$export$c6fdb837b070b4ff, {
+    children: [jsxRuntimeExports.jsx("div", __spreadProps(__spreadValues({}, underlayProps), {
+      className: styles.underlay
+    })), jsxRuntimeExports.jsxs("div", __spreadProps(__spreadValues({}, popoverProps), {
+      ref: popoverRef,
+      className: styles.popover,
+      children: [jsxRuntimeExports.jsx($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+        onDismiss: state.close
+      }), jsxRuntimeExports.jsx("div", __spreadProps(__spreadValues({}, dialogProps), {
+        className: styles.dialog,
+        children
+      })), jsxRuntimeExports.jsx($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+        onDismiss: state.close
+      })]
+    }))]
+  });
 }
 function DatePickerBase(props) {
   const { label, "aria-label": ariaLabel, triggerProps, overlayProps, labelProps, children, state } = props;
@@ -2682,18 +2697,21 @@ function DatePickerBase(props) {
   const triggerRef = React__default.useRef(null);
   logWarningForMissingAriaLabel(label, ariaLabel);
   const className = classNames(styles.DatePicker, size && styles[variationName("datePicker", size)]);
-  return React__default.createElement("div", {
-    className
-  }, label && React__default.createElement(Text, __spreadProps(__spreadValues({}, labelProps), {
-    variant: size === "sm" ? "body2" : "body1",
-    color: "primary.800"
-  }), label), React__default.createElement(DatePickerTrigger, __spreadProps(__spreadValues({}, triggerProps), {
-    triggerRef,
-    state
-  })), React__default.createElement(DatePickerOverlay, __spreadProps(__spreadValues({}, overlayProps), {
-    triggerRef,
-    state
-  }), children));
+  return jsxRuntimeExports.jsxs("div", {
+    className,
+    children: [label && jsxRuntimeExports.jsx(Text, __spreadProps(__spreadValues({}, labelProps), {
+      variant: size === "sm" ? "body2" : "body1",
+      color: "primary.800",
+      children: label
+    })), jsxRuntimeExports.jsx(DatePickerTrigger, __spreadProps(__spreadValues({}, triggerProps), {
+      triggerRef,
+      state
+    })), jsxRuntimeExports.jsx(DatePickerOverlay, __spreadProps(__spreadValues({}, overlayProps), {
+      triggerRef,
+      state,
+      children
+    }))]
+  });
 }
 export {
   $35a22f14a1f04b11$export$2440da353cedad43 as $,