@easypost/easy-ui 1.0.0-alpha.112 → 1.0.0-alpha.114

package/TabPanels/index.js

@@ -31,15 +31,16 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const Item = require("../__chunks__/Item-h_oPjYVR.js");
 const useListState = require("../__chunks__/useListState-DDaaA7mG.js");
-const index = require("../__chunks__/index-CUcRN4NO.js");
+const index = require("../__chunks__/index-CqNUlUoB.js");
 const SelectionManager = require("../__chunks__/SelectionManager-CFPcxpAj.js");
 const mergeProps = require("../__chunks__/mergeProps-DLPcevok.js");
 const useLabels = require("../__chunks__/useLabels-BiHauKNF.js");
 const useHasTabbableChild = require("../__chunks__/useHasTabbableChild-9MZ8LK0l.js");
-const Tabs = require("../__chunks__/Tabs-BL8odO0p.js");
+const Tabs = require("../__chunks__/Tabs-DSngzN9A.js");
 const useSingleSelectListState = require("../__chunks__/useSingleSelectListState-BX2vNU2f.js");
 const context = require("../__chunks__/context-DJdNiOsb.js");
 const useSelectableItem = require("../__chunks__/useSelectableItem-Dtmy73y6.js");
@@ -269,9 +270,11 @@ function TabPanelsPanel(_a) {
   const { tabPanelProps } = $34bce698202e07cb$export$fae0121b5afe572d(props, state, ref);
   return children && React.isValidElement(children) && !index.reactIsExports.isFragment(children) ? React.cloneElement(children, __spreadValues(__spreadValues({
     ref
-  }, tabPanelProps), children.props)) : React.createElement("div", __spreadValues({
+  }, tabPanelProps), children.props)) : jsxRuntime.jsx("div", __spreadProps(__spreadValues({
     ref
-  }, tabPanelProps), children);
+  }, tabPanelProps), {
+    children
+  }));
 }
 function TabPanelsTabs(props) {
   const { tabProps, setTabListState } = useTabPanels();
@@ -282,17 +285,17 @@ function TabPanelsTabs(props) {
   React.useEffect(() => {
     setTabListState(state);
   }, [state.disabledKeys, state.selectedItem, state.selectedKey, props.children]);
-  return React.createElement(Tabs.Tabs, {
+  return jsxRuntime.jsx(Tabs.Tabs, {
     containerComponent: "div",
     containerProps: {},
     listComponent: "div",
     listProps: tabListProps,
-    listRef: ref
-  }, [...state.collection].map((item) => React.createElement(TabPanelsTab, {
-    key: item.key,
-    item,
-    state
-  })));
+    listRef: ref,
+    children: [...state.collection].map((item) => jsxRuntime.jsx(TabPanelsTab, {
+      item,
+      state
+    }, item.key))
+  });
 }
 function TabPanelsTab({ item, state }) {
   const ref = React.useRef(null);
@@ -301,12 +304,14 @@ function TabPanelsTab({ item, state }) {
   }, state, ref);
   const isSelected = state.selectedItem === item;
   const isDisabled = state.disabledKeys.has(item.key) || state.isDisabled;
-  return React.createElement(Tabs.Tabs.Item, __spreadValues({
+  return jsxRuntime.jsx(Tabs.Tabs.Item, __spreadProps(__spreadValues({
     tabComponent: "div",
     tabRef: ref,
     isSelected,
     isDisabled
-  }, tabProps), item.rendered);
+  }, tabProps), {
+    children: item.rendered
+  }));
 }
 function TabPanels(props) {
   const [tabListState, setTabListState] = React.useState(null);
@@ -317,9 +322,10 @@ function TabPanels(props) {
       setTabListState
     };
   }, [tabListState, props]);
-  return React.createElement(TabPanelsContext.Provider, {
-    value: context2
-  }, props.children);
+  return jsxRuntime.jsx(TabPanelsContext.Provider, {
+    value: context2,
+    children: props.children
+  });
 }
 TabPanels.Tabs = TabPanelsTabs;
 TabPanels.Panels = TabPanelsPanels;

package/TabPanels/index.mjs

@@ -29,15 +29,16 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default, { useRef, useEffect, useMemo, createContext, useContext, useCallback, isValidElement, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import React__default, { useRef, useEffect, useMemo, createContext, useContext, useCallback, createElement, isValidElement, useState } from "react";
 import { $ as $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 } from "../__chunks__/Item-FD89BR0i.mjs";
 import { a as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../__chunks__/useListState-3s3ZON5A.mjs";
-import { r as reactIsExports } from "../__chunks__/index-Izk6uvQC.mjs";
+import { r as reactIsExports } from "../__chunks__/index-ee-P7jQr.mjs";
 import { a as $7613b1592d41b092$export$6cd28814d92fa9c9 } from "../__chunks__/SelectionManager-QKdFux5L.mjs";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$f680877a34711e37 } from "../__chunks__/mergeProps-COnPag8r.mjs";
 import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../__chunks__/useLabels-AshNb54x.mjs";
 import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../__chunks__/useHasTabbableChild-73d-1Yus.mjs";
-import { T as Tabs } from "../__chunks__/Tabs-DJ4aKu11.mjs";
+import { T as Tabs } from "../__chunks__/Tabs-BaROnbKg.mjs";
 import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../__chunks__/useSingleSelectListState-KDg6mjR3.mjs";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-5UR8ToA1.mjs";
 import { $ as $880e95eb8b93ba9a$export$ecf600387e221c37, b as $ae20dd8cbca75726$export$d6daf82dcd84e87c } from "../__chunks__/useSelectableItem-BP2rZ6Gy.mjs";
@@ -255,7 +256,7 @@ function TabPanelsPanels(props) {
     return null;
   }
   const selectedItem = tabListState.selectedKey === null ? null : collection.getItem(tabListState.selectedKey);
-  return React__default.createElement(TabPanelsPanel, __spreadProps(__spreadValues({}, props), {
+  return createElement(TabPanelsPanel, __spreadProps(__spreadValues({}, props), {
     key: tabListState == null ? void 0 : tabListState.selectedKey,
     state: tabListState
   }), selectedItem && selectedItem.props.children);
@@ -267,9 +268,11 @@ function TabPanelsPanel(_a) {
   const { tabPanelProps } = $34bce698202e07cb$export$fae0121b5afe572d(props, state, ref);
   return children && isValidElement(children) && !reactIsExports.isFragment(children) ? React__default.cloneElement(children, __spreadValues(__spreadValues({
     ref
-  }, tabPanelProps), children.props)) : React__default.createElement("div", __spreadValues({
+  }, tabPanelProps), children.props)) : jsx("div", __spreadProps(__spreadValues({
     ref
-  }, tabPanelProps), children);
+  }, tabPanelProps), {
+    children
+  }));
 }
 function TabPanelsTabs(props) {
   const { tabProps, setTabListState } = useTabPanels();
@@ -280,17 +283,17 @@ function TabPanelsTabs(props) {
   useEffect(() => {
     setTabListState(state);
   }, [state.disabledKeys, state.selectedItem, state.selectedKey, props.children]);
-  return React__default.createElement(Tabs, {
+  return jsx(Tabs, {
     containerComponent: "div",
     containerProps: {},
     listComponent: "div",
     listProps: tabListProps,
-    listRef: ref
-  }, [...state.collection].map((item) => React__default.createElement(TabPanelsTab, {
-    key: item.key,
-    item,
-    state
-  })));
+    listRef: ref,
+    children: [...state.collection].map((item) => jsx(TabPanelsTab, {
+      item,
+      state
+    }, item.key))
+  });
 }
 function TabPanelsTab({ item, state }) {
   const ref = React__default.useRef(null);
@@ -299,12 +302,14 @@ function TabPanelsTab({ item, state }) {
   }, state, ref);
   const isSelected = state.selectedItem === item;
   const isDisabled = state.disabledKeys.has(item.key) || state.isDisabled;
-  return React__default.createElement(Tabs.Item, __spreadValues({
+  return jsx(Tabs.Item, __spreadProps(__spreadValues({
     tabComponent: "div",
     tabRef: ref,
     isSelected,
     isDisabled
-  }, tabProps), item.rendered);
+  }, tabProps), {
+    children: item.rendered
+  }));
 }
 function TabPanels(props) {
   const [tabListState, setTabListState] = useState(null);
@@ -315,9 +320,10 @@ function TabPanels(props) {
       setTabListState
     };
   }, [tabListState, props]);
-  return React__default.createElement(TabPanelsContext.Provider, {
-    value: context
-  }, props.children);
+  return jsx(TabPanelsContext.Provider, {
+    value: context,
+    children: props.children
+  });
 }
 TabPanels.Tabs = TabPanelsTabs;
 TabPanels.Panels = TabPanelsPanels;

package/Tabs/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Tabs = require("../__chunks__/Tabs-BL8odO0p.js");
+const Tabs = require("../__chunks__/Tabs-DSngzN9A.js");
 exports.Tabs = Tabs.Tabs;

package/Tabs/index.mjs

@@ -1,4 +1,4 @@
-import { T } from "../__chunks__/Tabs-DJ4aKu11.mjs";
+import { T } from "../__chunks__/Tabs-BaROnbKg.mjs";
 export {
   T as Tabs
 };

package/Text/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Text = require("../__chunks__/Text-CSESKR_s.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
 exports.Text = Text.Text;

package/Text/index.mjs

@@ -1,4 +1,4 @@
-import { T } from "../__chunks__/Text-YOL3isF4.mjs";
+import { T } from "../__chunks__/Text-D6oT5WJQ.mjs";
 export {
   T as Text
 };

package/TextField/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const TextField = require("../__chunks__/TextField-94cCP805.js");
+const TextField = require("../__chunks__/TextField-DKQVJPP_.js");
 exports.TextField = TextField.TextField;

package/TextField/index.mjs

@@ -1,4 +1,4 @@
-import { T } from "../__chunks__/TextField-D2QhDAdD.mjs";
+import { T } from "../__chunks__/TextField-818kTElu.mjs";
 export {
   T as TextField
 };

package/Textarea/index.js

@@ -28,11 +28,11 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const InputField = require("../__chunks__/InputField-CDHznUZd.js");
+const jsxRuntime = require("react/jsx-runtime");
+const InputField = require("../__chunks__/InputField-DGb4ZDoR.js");
 function Textarea(props) {
   const _a = props, { size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, rows = 1 } = _a, restProps = __objRest(_a, ["size", "isDisabled", "isRequired", "validationState", "isLabelEmphasized", "autoFocus", "rows"]);
-  return React.createElement(InputField.InputField, __spreadValues({
+  return jsxRuntime.jsx(InputField.InputField, __spreadValues({
     isMultiline: true,
     size,
     isDisabled,

package/Textarea/index.mjs

@@ -26,11 +26,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default from "react";
-import { I as InputField } from "../__chunks__/InputField-dq5XIhr1.mjs";
+import { jsx } from "react/jsx-runtime";
+import { I as InputField } from "../__chunks__/InputField-CAY9O90X.mjs";
 function Textarea(props) {
   const _a = props, { size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, rows = 1 } = _a, restProps = __objRest(_a, ["size", "isDisabled", "isRequired", "validationState", "isLabelEmphasized", "autoFocus", "rows"]);
-  return React__default.createElement(InputField, __spreadValues({
+  return jsx(InputField, __spreadValues({
     isMultiline: true,
     size,
     isDisabled,

package/Theme/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Theme = require("../__chunks__/Theme-DqbmY4wy.js");
+const Theme = require("../__chunks__/Theme-C2nSZUpG.js");
 exports.ThemeProvider = Theme.ThemeProvider;
 exports.createTheme = Theme.createTheme;
 exports.defaultTheme = Theme.defaultTheme;

package/Theme/index.mjs

@@ -1,4 +1,4 @@
-import { T, c, d, g } from "../__chunks__/Theme-BAFk7BvV.mjs";
+import { T, c, d, g } from "../__chunks__/Theme-M__gFMM3.mjs";
 export {
   T as ThemeProvider,
   c as createTheme,

package/Toggle/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Toggle = require("../__chunks__/Toggle-D2ucsFxO.js");
+const Toggle = require("../__chunks__/Toggle-BmJjrdVn.js");
 exports.Toggle = Toggle.Toggle;

package/Toggle/index.mjs

@@ -1,4 +1,4 @@
-import { T } from "../__chunks__/Toggle-CxjLdmzW.mjs";
+import { T } from "../__chunks__/Toggle-DlDQ7rr2.mjs";
 export {
   T as Toggle
 };

package/ToggleCard/index.js

@@ -1,14 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const Card = require("../__chunks__/Card-BM2DKiVA.js");
-const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
+const Card = require("../__chunks__/Card-LPIW5drP.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
 const utilities_react = require("../utilities/react.js");
 function ToggleCard(props) {
   const { children } = props;
-  return React.createElement(Card.Card.Container, {
-    borderRadius: "lg"
-  }, children);
+  return jsxRuntime.jsx(Card.Card.Container, {
+    borderRadius: "lg",
+    children
+  });
 }
 function ToggleCardHeader(props) {
   const { children } = props;
@@ -25,22 +27,25 @@ function ToggleCardHeader(props) {
       throw new Error("ToggleCard.Header must contain Toggle");
     }
   }, [children]);
-  return React.createElement(Card.Card.Area, {
+  return jsxRuntime.jsx(Card.Card.Area, {
     background: "neutral.050",
     paddingY: "0.5",
-    paddingX: "1"
-  }, React.createElement(HorizontalStack.HorizontalStack, {
-    gap: "2",
-    align: "space-between",
-    blockAlign: "center"
-  }, children));
+    paddingX: "1",
+    children: jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
+      gap: "2",
+      align: "space-between",
+      blockAlign: "center",
+      children
+    })
+  });
 }
 function ToggleCardBody(props) {
   const { children } = props;
-  return React.createElement(Card.Card.Area, {
+  return jsxRuntime.jsx(Card.Card.Area, {
     paddingX: "0.5",
-    paddingY: "1"
-  }, children);
+    paddingY: "1",
+    children
+  });
 }
 ToggleCard.Header = ToggleCardHeader;
 ToggleCard.Body = ToggleCardBody;

package/ToggleCard/index.mjs

@@ -1,12 +1,14 @@
-import React__default, { useMemo } from "react";
-import { C as Card } from "../__chunks__/Card-CJug4GMX.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { C as Card } from "../__chunks__/Card-BgjWYPVY.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
 import { flattenChildren, getDisplayNameFromReactNode } from "../utilities/react.mjs";
 function ToggleCard(props) {
   const { children } = props;
-  return React__default.createElement(Card.Container, {
-    borderRadius: "lg"
-  }, children);
+  return jsx(Card.Container, {
+    borderRadius: "lg",
+    children
+  });
 }
 function ToggleCardHeader(props) {
   const { children } = props;
@@ -23,22 +25,25 @@ function ToggleCardHeader(props) {
       throw new Error("ToggleCard.Header must contain Toggle");
     }
   }, [children]);
-  return React__default.createElement(Card.Area, {
+  return jsx(Card.Area, {
     background: "neutral.050",
     paddingY: "0.5",
-    paddingX: "1"
-  }, React__default.createElement(HorizontalStack, {
-    gap: "2",
-    align: "space-between",
-    blockAlign: "center"
-  }, children));
+    paddingX: "1",
+    children: jsx(HorizontalStack, {
+      gap: "2",
+      align: "space-between",
+      blockAlign: "center",
+      children
+    })
+  });
 }
 function ToggleCardBody(props) {
   const { children } = props;
-  return React__default.createElement(Card.Area, {
+  return jsx(Card.Area, {
     paddingX: "0.5",
-    paddingY: "1"
-  }, children);
+    paddingY: "1",
+    children
+  });
 }
 ToggleCard.Header = ToggleCardHeader;
 ToggleCard.Body = ToggleCardBody;

package/Tooltip/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Tooltip = require("../__chunks__/Tooltip-DqpxBjpa.js");
+const Tooltip = require("../__chunks__/Tooltip-BSMvNula.js");
 exports.Tooltip = Tooltip.Tooltip;

package/Tooltip/index.mjs

@@ -1,4 +1,4 @@
-import { T } from "../__chunks__/Tooltip-DAyUY3na.mjs";
+import { T } from "../__chunks__/Tooltip-BXRi0h4E.mjs";
 export {
   T as Tooltip
 };

package/UnstyledButton/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const UnstyledButton = require("../__chunks__/UnstyledButton-BFpQ2Irc.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
 exports.UnstyledButton = UnstyledButton.UnstyledButton;

package/UnstyledButton/index.mjs

@@ -1,4 +1,4 @@
-import { U } from "../__chunks__/UnstyledButton-DpQ5Ic9D.mjs";
+import { U } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
 export {
   U as UnstyledButton
 };