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

package/Pagination/index.mjs

@@ -29,14 +29,15 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default, { cloneElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cloneElement } from "react";
 import { K as KeyboardDoubleArrowLeft, a as KeyboardDoubleArrowRight } from "../__chunks__/KeyboardDoubleArrowRight-AAMLvGk-.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
-import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
-import { U as UnstyledButton } from "../__chunks__/UnstyledButton-DpQ5Ic9D.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
+import { U as UnstyledButton } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
 import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
-import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
-import { M as Menu } from "../__chunks__/Menu-DHwqwFlg.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { M as Menu } from "../__chunks__/Menu-Ci1FGh8B.mjs";
 import { getDisplayNameFromReactNode } from "../utilities/react.mjs";
 import { classNames } from "../utilities/css.mjs";
 const menuButton = "_menuButton_bdft3_4";
@@ -49,38 +50,47 @@ const styles = {
 };
 function PaginationButton(props) {
   const _a = props, { symbol } = _a, buttonProps = __objRest(_a, ["symbol"]);
-  return React__default.createElement(UnstyledButton, __spreadProps(__spreadValues({}, buttonProps), {
-    className: styles.arrowButton
-  }), React__default.createElement(Icon, {
-    symbol,
-    size: "md"
+  return jsx(UnstyledButton, __spreadProps(__spreadValues({}, buttonProps), {
+    className: styles.arrowButton,
+    children: jsx(Icon, {
+      symbol,
+      size: "md"
+    })
   }));
 }
 function PaginationDropdown(props) {
   const { page, count, onSelect, isDisabled } = props;
-  return React__default.createElement(Menu, {
-    isDisabled
-  }, React__default.createElement(Menu.Trigger, null, React__default.createElement(UnstyledButton, {
-    "aria-label": "dropdown",
-    className: styles.menuButton,
-    isDisabled
-  }, React__default.createElement(HorizontalStack, {
-    blockAlign: "center",
-    wrap: false
-  }, React__default.createElement(Text, {
-    variant: "body2"
-  }, `${page} of ${count}`), React__default.createElement(Icon, {
-    symbol: ExpandMore400,
-    size: "2xs"
-  })))), React__default.createElement(Menu.Overlay, {
-    onAction: (key) => onSelect(Number(key))
-  }, numberToArray(count).map((pageNumber) => React__default.createElement(Menu.Item, {
-    key: pageNumber,
-    "aria-label": `${pageNumber} of ${count}`
-  }, React__default.createElement(Text, {
-    variant: "body2",
-    color: "neutral.900"
-  }, `${pageNumber} of ${count}`)))));
+  return jsxs(Menu, {
+    isDisabled,
+    children: [jsx(Menu.Trigger, {
+      children: jsx(UnstyledButton, {
+        "aria-label": "dropdown",
+        className: styles.menuButton,
+        isDisabled,
+        children: jsxs(HorizontalStack, {
+          blockAlign: "center",
+          wrap: false,
+          children: [jsx(Text, {
+            variant: "body2",
+            children: `${page} of ${count}`
+          }), jsx(Icon, {
+            symbol: ExpandMore400,
+            size: "2xs"
+          })]
+        })
+      })
+    }), jsx(Menu.Overlay, {
+      onAction: (key) => onSelect(Number(key)),
+      children: numberToArray(count).map((pageNumber) => jsx(Menu.Item, {
+        "aria-label": `${pageNumber} of ${count}`,
+        children: jsx(Text, {
+          variant: "body2",
+          color: "neutral.900",
+          children: `${pageNumber} of ${count}`
+        })
+      }, pageNumber))
+    })]
+  });
 }
 function numberToArray(num) {
   return Array.from({
@@ -94,24 +104,26 @@ function Pagination(props) {
   if (children && getDisplayNameFromReactNode(children) !== PaginationDropdown.displayName) {
     throw new Error(`children must be ${PaginationDropdown.displayName}`);
   }
-  return React__default.createElement("nav", {
+  return jsx("nav", {
     "aria-label": label,
-    className
-  }, React__default.createElement(HorizontalStack, {
-    wrap: false
-  }, React__default.createElement(PaginationButton, {
-    "aria-label": "Previous",
-    onPress: onPrevious,
-    isDisabled: !hasPrevious || isDisabled,
-    symbol: KeyboardDoubleArrowLeft
-  }), children && cloneElement(children, {
-    isDisabled
-  }), React__default.createElement(PaginationButton, {
-    "aria-label": "Next",
-    onPress: onNext,
-    isDisabled: !hasNext || isDisabled,
-    symbol: KeyboardDoubleArrowRight
-  })));
+    className,
+    children: jsxs(HorizontalStack, {
+      wrap: false,
+      children: [jsx(PaginationButton, {
+        "aria-label": "Previous",
+        onPress: onPrevious,
+        isDisabled: !hasPrevious || isDisabled,
+        symbol: KeyboardDoubleArrowLeft
+      }), children && cloneElement(children, {
+        isDisabled
+      }), jsx(PaginationButton, {
+        "aria-label": "Next",
+        onPress: onNext,
+        isDisabled: !hasNext || isDisabled,
+        symbol: KeyboardDoubleArrowRight
+      })]
+    })
+  });
 }
 Pagination.Dropdown = PaginationDropdown;
 export {

package/PillGroup/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const PillGroup = require("../__chunks__/PillGroup-CAHVIlU0.js");
+const PillGroup = require("../__chunks__/PillGroup-BK8VCf3B.js");
 exports.PillGroup = PillGroup.PillGroup;
 exports.usePillListState = PillGroup.usePillListState;

package/PillGroup/index.mjs

@@ -1,4 +1,4 @@
-import { P, u } from "../__chunks__/PillGroup-DjLJ4wVb.mjs";
+import { P, u } from "../__chunks__/PillGroup-DN72MPhg.mjs";
 export {
   P as PillGroup,
   u as usePillListState