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

package/__chunks__/{InputCaption-C3Hf9Hvt.js → InputCaption-Dkyn1sg6.js}

@@ -30,8 +30,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const React = require("react");
-const Text = require("./Text-CSESKR_s.js");
+const jsxRuntime = require("./jsx-runtime-CH1d66I3.js");
+const Text = require("./Text-C4CEsglh.js");
 const InputField_module = require("./InputField.module-CmwwDXio.js");
 const utilities_css = require("../utilities/css.js");
 const Label$1 = require("./Label-B6GdFt8f.js");
@@ -40,22 +40,26 @@ function Label(props) {
   const textVariant = isLabelEmphasized ? "subtitle1" : fieldSize === "sm" ? "body2" : "body1";
   const as = isLabelEmphasized ? "strong" : "span";
   const color = hasError ? "danger" : void 0;
-  return React.createElement(Label$1.$01b77f81d0f07f68$export$b04be29aa201d4f5, __spreadProps(__spreadValues({}, labelProps), {
-    className: utilities_css.classNames(InputField_module.styles.label)
-  }), React.createElement(Text.Text, {
-    variant: textVariant,
-    as,
-    color
-  }, children));
+  return jsxRuntime.jsxRuntimeExports.jsx(Label$1.$01b77f81d0f07f68$export$b04be29aa201d4f5, __spreadProps(__spreadValues({}, labelProps), {
+    className: utilities_css.classNames(InputField_module.styles.label),
+    children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+      variant: textVariant,
+      as,
+      color,
+      children
+    })
+  }));
 }
 function InputCaption(props) {
   const _a = props, { variant, children } = _a, captionTextProps = __objRest(_a, ["variant", "children"]);
-  return React.createElement("div", __spreadProps(__spreadValues({}, captionTextProps), {
-    className: InputField_module.styles.caption
-  }), React.createElement(Text.Text, {
-    variant: "caption",
-    color: variant === "helper" ? "subdued" : "danger"
-  }, children));
+  return jsxRuntime.jsxRuntimeExports.jsx("div", __spreadProps(__spreadValues({}, captionTextProps), {
+    className: InputField_module.styles.caption,
+    children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+      variant: "caption",
+      color: variant === "helper" ? "subdued" : "danger",
+      children
+    })
+  }));
 }
 exports.InputCaption = InputCaption;
 exports.Label = Label;

package/__chunks__/{InputField-dq5XIhr1.mjs → InputField-BTrYBVAD.mjs}

@@ -17,14 +17,15 @@ 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 } from "react";
 import { classNames, variationName } from "../utilities/css.mjs";
-import { L as Label, I as InputCaption } from "./InputCaption-BJO9_Tby.mjs";
-import { T as Text } from "./Text-YOL3isF4.mjs";
-import { I as Icon } from "./Icon-0SN9dbwU.mjs";
-import { U as UnstyledButton } from "./UnstyledButton-DpQ5Ic9D.mjs";
-import { m as mapIconSize, g as getElementType, a as logWarningsForInvalidPropConfiguration, l as logWarningForMissingAriaLabel, I as InputIcon } from "./InputIcon-Bpg4lyQx.mjs";
+import { L as Label, I as InputCaption } from "./InputCaption-B8bZH6sX.mjs";
+import { T as Text } from "./Text-u9mYLeWj.mjs";
+import { I as Icon } from "./Icon-DzTns8u5.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-BCg7eEyP.mjs";
+import { m as mapIconSize, g as getElementType, a as logWarningsForInvalidPropConfiguration, l as logWarningForMissingAriaLabel, I as InputIcon } from "./InputIcon-BLJ6dx_5.mjs";
 import { s as styles } from "./InputField.module-ClTfhFSB.mjs";
 import { $ as $2d73ec29415bd339$export$712718f7aec83d5 } from "./useTextField-0Mbs_DmY.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-FWU5y5-k.mjs";
@@ -104,25 +105,29 @@ const VisibilityOff = (_a) => {
 };
 function PasswordButton(props) {
   const { hasError = false, inputSize = "md", isDisabled = false, isPasswordVisible = false, toggleVisibility, isInputHovered = false } = props;
-  return React__default.createElement(UnstyledButton, {
+  return jsxRuntimeExports.jsxs(UnstyledButton, {
     className: classNames(styles.passwordBtn, isInputHovered && styles.hovered, hasError && styles.passwordBtnError, styles[variationName("passwordBtn", inputSize)]),
     onPress: toggleVisibility,
-    isDisabled
-  }, React__default.createElement(Text, {
-    visuallyHidden: true
-  }, "password visibility"), React__default.createElement(Icon, {
-    symbol: isPasswordVisible ? Visibility : VisibilityOff,
-    size: mapIconSize(inputSize)
-  }));
+    isDisabled,
+    children: [jsxRuntimeExports.jsx(Text, {
+      visuallyHidden: true,
+      children: "password visibility"
+    }), jsxRuntimeExports.jsx(Icon, {
+      symbol: isPasswordVisible ? Visibility : VisibilityOff,
+      size: mapIconSize(inputSize)
+    })]
+  });
 }
 function InputText(props) {
   const { alignment = "start", size = "md", text } = props;
-  return React__default.createElement("div", {
-    className: classNames(styles.text, alignment === "start" ? styles.textStart : styles.textEnd, styles[variationName("inputTextPlacement", size)])
-  }, React__default.createElement(Text, {
-    variant: size === "sm" ? "body2" : "body1",
-    color: alignment === "start" ? "neutral.600" : "neutral.400"
-  }, text));
+  return jsxRuntimeExports.jsx("div", {
+    className: classNames(styles.text, alignment === "start" ? styles.textStart : styles.textEnd, styles[variationName("inputTextPlacement", size)]),
+    children: jsxRuntimeExports.jsx(Text, {
+      variant: size === "sm" ? "body2" : "body1",
+      color: alignment === "start" ? "neutral.600" : "neutral.400",
+      children: text
+    })
+  });
 }
 function useInputField(props, ref) {
   const { isMultiline = false } = props;
@@ -172,53 +177,59 @@ function InputField(props) {
   const adjustedSize = smallSizeTextarea ? "md" : size;
   const className = classNames(styles.input, isInputHovered && styles.hovered, Component === "textarea" && styles.textArea, isPassword && styles.passwordInput, hasError && styles.errorInput, hasStartIcon && styles.iconStartInput, hasEndIcon && styles.iconEndInput, hasTextAtStart && styles.textStartInput, hasTextAtEnd && styles.textEndInput, styles[variationName("inputSize", adjustedSize)]);
   const inputType = Component === "textarea" ? void 0 : isTypeAdjustedForPasswordVisibility ? "text" : type;
-  return React__default.createElement("div", {
-    className: classNames(styles.root)
-  }, label && React__default.createElement(Label, __spreadValues({
-    fieldSize: adjustedSize,
-    hasError,
-    isLabelEmphasized
-  }, labelProps), label), React__default.createElement("div", {
-    className: styles.inputIconContainer
-  }, hasStartIcon && React__default.createElement(InputIcon, {
-    alignment: "start",
-    size: adjustedSize,
-    isDisabled,
-    icon: iconAtStart
-  }), hasTextAtStart && React__default.createElement(InputText, {
-    alignment: "start",
-    size: adjustedSize,
-    text: textAtStart
-  }), React__default.createElement(Component, __spreadProps(__spreadValues(__spreadValues({}, elementProps), hoverProps), {
-    className,
-    ref,
-    type: inputType,
-    value,
-    required: isRequired,
-    disabled: isDisabled,
-    placeholder,
-    autoFocus,
-    defaultValue,
-    rows: Component === "textarea" ? rows : void 0
-  })), hasTextAtEnd && React__default.createElement(InputText, {
-    alignment: "end",
-    size: adjustedSize,
-    text: textAtEnd
-  }), isPassword ? React__default.createElement(PasswordButton, {
-    isInputHovered,
-    hasError,
-    inputSize: adjustedSize,
-    isDisabled,
-    isPasswordVisible,
-    toggleVisibility: () => setIsPasswordVisible((prevVisibility) => !prevVisibility)
-  }) : hasEndIcon && React__default.createElement(InputIcon, {
-    alignment: "end",
-    size: adjustedSize,
-    isDisabled,
-    icon: iconAtEnd
-  })), (showErrorText || showHelperText) && React__default.createElement(InputCaption, __spreadValues({
-    variant: showHelperText ? "helper" : "error"
-  }, captionProps), captionText));
+  return jsxRuntimeExports.jsxs("div", {
+    className: classNames(styles.root),
+    children: [label && jsxRuntimeExports.jsx(Label, __spreadProps(__spreadValues({
+      fieldSize: adjustedSize,
+      hasError,
+      isLabelEmphasized
+    }, labelProps), {
+      children: label
+    })), jsxRuntimeExports.jsxs("div", {
+      className: styles.inputIconContainer,
+      children: [hasStartIcon && jsxRuntimeExports.jsx(InputIcon, {
+        alignment: "start",
+        size: adjustedSize,
+        isDisabled,
+        icon: iconAtStart
+      }), hasTextAtStart && jsxRuntimeExports.jsx(InputText, {
+        alignment: "start",
+        size: adjustedSize,
+        text: textAtStart
+      }), jsxRuntimeExports.jsx(Component, __spreadProps(__spreadValues(__spreadValues({}, elementProps), hoverProps), {
+        className,
+        ref,
+        type: inputType,
+        value,
+        required: isRequired,
+        disabled: isDisabled,
+        placeholder,
+        autoFocus,
+        defaultValue,
+        rows: Component === "textarea" ? rows : void 0
+      })), hasTextAtEnd && jsxRuntimeExports.jsx(InputText, {
+        alignment: "end",
+        size: adjustedSize,
+        text: textAtEnd
+      }), isPassword ? jsxRuntimeExports.jsx(PasswordButton, {
+        isInputHovered,
+        hasError,
+        inputSize: adjustedSize,
+        isDisabled,
+        isPasswordVisible,
+        toggleVisibility: () => setIsPasswordVisible((prevVisibility) => !prevVisibility)
+      }) : hasEndIcon && jsxRuntimeExports.jsx(InputIcon, {
+        alignment: "end",
+        size: adjustedSize,
+        isDisabled,
+        icon: iconAtEnd
+      })]
+    }), (showErrorText || showHelperText) && jsxRuntimeExports.jsx(InputCaption, __spreadProps(__spreadValues({
+      variant: showHelperText ? "helper" : "error"
+    }, captionProps), {
+      children: captionText
+    }))]
+  });
 }
 export {
   InputField as I

package/__chunks__/{InputField-CDHznUZd.js → InputField-Dvkk5R1K.js}

@@ -18,13 +18,14 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const jsxRuntime = require("./jsx-runtime-CH1d66I3.js");
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
-const InputCaption = require("./InputCaption-C3Hf9Hvt.js");
-const Text = require("./Text-CSESKR_s.js");
-const Icon = require("./Icon-W8F9w-jS.js");
-const UnstyledButton = require("./UnstyledButton-BFpQ2Irc.js");
-const InputIcon = require("./InputIcon-DdcvN3A4.js");
+const InputCaption = require("./InputCaption-Dkyn1sg6.js");
+const Text = require("./Text-C4CEsglh.js");
+const Icon = require("./Icon-BVa5ddiD.js");
+const UnstyledButton = require("./UnstyledButton-_YQekhlm.js");
+const InputIcon = require("./InputIcon-BSIAXX9k.js");
 const InputField_module = require("./InputField.module-CmwwDXio.js");
 const useTextField = require("./useTextField-BlTYl2ML.js");
 const useHover = require("./useHover-Ck1otl-j.js");
@@ -121,25 +122,29 @@ const VisibilityOff = (_a) => {
 };
 function PasswordButton(props) {
   const { hasError = false, inputSize = "md", isDisabled = false, isPasswordVisible = false, toggleVisibility, isInputHovered = false } = props;
-  return React.createElement(UnstyledButton.UnstyledButton, {
+  return jsxRuntime.jsxRuntimeExports.jsxs(UnstyledButton.UnstyledButton, {
     className: utilities_css.classNames(InputField_module.styles.passwordBtn, isInputHovered && InputField_module.styles.hovered, hasError && InputField_module.styles.passwordBtnError, InputField_module.styles[utilities_css.variationName("passwordBtn", inputSize)]),
     onPress: toggleVisibility,
-    isDisabled
-  }, React.createElement(Text.Text, {
-    visuallyHidden: true
-  }, "password visibility"), React.createElement(Icon.Icon, {
-    symbol: isPasswordVisible ? Visibility : VisibilityOff,
-    size: InputIcon.mapIconSize(inputSize)
-  }));
+    isDisabled,
+    children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+      visuallyHidden: true,
+      children: "password visibility"
+    }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+      symbol: isPasswordVisible ? Visibility : VisibilityOff,
+      size: InputIcon.mapIconSize(inputSize)
+    })]
+  });
 }
 function InputText(props) {
   const { alignment = "start", size = "md", text } = props;
-  return React.createElement("div", {
-    className: utilities_css.classNames(InputField_module.styles.text, alignment === "start" ? InputField_module.styles.textStart : InputField_module.styles.textEnd, InputField_module.styles[utilities_css.variationName("inputTextPlacement", size)])
-  }, React.createElement(Text.Text, {
-    variant: size === "sm" ? "body2" : "body1",
-    color: alignment === "start" ? "neutral.600" : "neutral.400"
-  }, text));
+  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+    className: utilities_css.classNames(InputField_module.styles.text, alignment === "start" ? InputField_module.styles.textStart : InputField_module.styles.textEnd, InputField_module.styles[utilities_css.variationName("inputTextPlacement", size)]),
+    children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+      variant: size === "sm" ? "body2" : "body1",
+      color: alignment === "start" ? "neutral.600" : "neutral.400",
+      children: text
+    })
+  });
 }
 function useInputField(props, ref) {
   const { isMultiline = false } = props;
@@ -189,52 +194,58 @@ function InputField(props) {
   const adjustedSize = smallSizeTextarea ? "md" : size;
   const className = utilities_css.classNames(InputField_module.styles.input, isInputHovered && InputField_module.styles.hovered, Component === "textarea" && InputField_module.styles.textArea, isPassword && InputField_module.styles.passwordInput, hasError && InputField_module.styles.errorInput, hasStartIcon && InputField_module.styles.iconStartInput, hasEndIcon && InputField_module.styles.iconEndInput, hasTextAtStart && InputField_module.styles.textStartInput, hasTextAtEnd && InputField_module.styles.textEndInput, InputField_module.styles[utilities_css.variationName("inputSize", adjustedSize)]);
   const inputType = Component === "textarea" ? void 0 : isTypeAdjustedForPasswordVisibility ? "text" : type;
-  return React.createElement("div", {
-    className: utilities_css.classNames(InputField_module.styles.root)
-  }, label && React.createElement(InputCaption.Label, __spreadValues({
-    fieldSize: adjustedSize,
-    hasError,
-    isLabelEmphasized
-  }, labelProps), label), React.createElement("div", {
-    className: InputField_module.styles.inputIconContainer
-  }, hasStartIcon && React.createElement(InputIcon.InputIcon, {
-    alignment: "start",
-    size: adjustedSize,
-    isDisabled,
-    icon: iconAtStart
-  }), hasTextAtStart && React.createElement(InputText, {
-    alignment: "start",
-    size: adjustedSize,
-    text: textAtStart
-  }), React.createElement(Component, __spreadProps(__spreadValues(__spreadValues({}, elementProps), hoverProps), {
-    className,
-    ref,
-    type: inputType,
-    value,
-    required: isRequired,
-    disabled: isDisabled,
-    placeholder,
-    autoFocus,
-    defaultValue,
-    rows: Component === "textarea" ? rows : void 0
-  })), hasTextAtEnd && React.createElement(InputText, {
-    alignment: "end",
-    size: adjustedSize,
-    text: textAtEnd
-  }), isPassword ? React.createElement(PasswordButton, {
-    isInputHovered,
-    hasError,
-    inputSize: adjustedSize,
-    isDisabled,
-    isPasswordVisible,
-    toggleVisibility: () => setIsPasswordVisible((prevVisibility) => !prevVisibility)
-  }) : hasEndIcon && React.createElement(InputIcon.InputIcon, {
-    alignment: "end",
-    size: adjustedSize,
-    isDisabled,
-    icon: iconAtEnd
-  })), (showErrorText || showHelperText) && React.createElement(InputCaption.InputCaption, __spreadValues({
-    variant: showHelperText ? "helper" : "error"
-  }, captionProps), captionText));
+  return jsxRuntime.jsxRuntimeExports.jsxs("div", {
+    className: utilities_css.classNames(InputField_module.styles.root),
+    children: [label && jsxRuntime.jsxRuntimeExports.jsx(InputCaption.Label, __spreadProps(__spreadValues({
+      fieldSize: adjustedSize,
+      hasError,
+      isLabelEmphasized
+    }, labelProps), {
+      children: label
+    })), jsxRuntime.jsxRuntimeExports.jsxs("div", {
+      className: InputField_module.styles.inputIconContainer,
+      children: [hasStartIcon && jsxRuntime.jsxRuntimeExports.jsx(InputIcon.InputIcon, {
+        alignment: "start",
+        size: adjustedSize,
+        isDisabled,
+        icon: iconAtStart
+      }), hasTextAtStart && jsxRuntime.jsxRuntimeExports.jsx(InputText, {
+        alignment: "start",
+        size: adjustedSize,
+        text: textAtStart
+      }), jsxRuntime.jsxRuntimeExports.jsx(Component, __spreadProps(__spreadValues(__spreadValues({}, elementProps), hoverProps), {
+        className,
+        ref,
+        type: inputType,
+        value,
+        required: isRequired,
+        disabled: isDisabled,
+        placeholder,
+        autoFocus,
+        defaultValue,
+        rows: Component === "textarea" ? rows : void 0
+      })), hasTextAtEnd && jsxRuntime.jsxRuntimeExports.jsx(InputText, {
+        alignment: "end",
+        size: adjustedSize,
+        text: textAtEnd
+      }), isPassword ? jsxRuntime.jsxRuntimeExports.jsx(PasswordButton, {
+        isInputHovered,
+        hasError,
+        inputSize: adjustedSize,
+        isDisabled,
+        isPasswordVisible,
+        toggleVisibility: () => setIsPasswordVisible((prevVisibility) => !prevVisibility)
+      }) : hasEndIcon && jsxRuntime.jsxRuntimeExports.jsx(InputIcon.InputIcon, {
+        alignment: "end",
+        size: adjustedSize,
+        isDisabled,
+        icon: iconAtEnd
+      })]
+    }), (showErrorText || showHelperText) && jsxRuntime.jsxRuntimeExports.jsx(InputCaption.InputCaption, __spreadProps(__spreadValues({
+      variant: showHelperText ? "helper" : "error"
+    }, captionProps), {
+      children: captionText
+    }))]
+  });
 }
 exports.InputField = InputField;

package/__chunks__/{InputIcon-Bpg4lyQx.mjs → InputIcon-BLJ6dx_5.mjs}

@@ -1,5 +1,5 @@
-import React__default from "react";
-import { I as Icon } from "./Icon-0SN9dbwU.mjs";
+import { j as jsxRuntimeExports } from "./jsx-runtime-DTpFD6nx.mjs";
+import { I as Icon } from "./Icon-DzTns8u5.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
 import { s as styles } from "./InputField.module-ClTfhFSB.mjs";
 function mapIconSize(size) {
@@ -34,12 +34,13 @@ function getElementType(isMultiline) {
 }
 function InputIcon(props) {
   const { alignment = "start", size = "md", isDisabled = false, icon } = props;
-  return React__default.createElement("div", {
-    className: classNames(styles.icon, alignment === "start" ? styles.iconStart : styles.iconEnd, isDisabled && styles.iconDisabled, styles[variationName("inputIconPlacement", size)])
-  }, React__default.createElement(Icon, {
-    symbol: icon,
-    size: mapIconSize(size)
-  }));
+  return jsxRuntimeExports.jsx("div", {
+    className: classNames(styles.icon, alignment === "start" ? styles.iconStart : styles.iconEnd, isDisabled && styles.iconDisabled, styles[variationName("inputIconPlacement", size)]),
+    children: jsxRuntimeExports.jsx(Icon, {
+      symbol: icon,
+      size: mapIconSize(size)
+    })
+  });
 }
 export {
   InputIcon as I,

package/__chunks__/{InputIcon-DdcvN3A4.js → InputIcon-BSIAXX9k.js}

@@ -1,6 +1,6 @@
 "use strict";
-const React = require("react");
-const Icon = require("./Icon-W8F9w-jS.js");
+const jsxRuntime = require("./jsx-runtime-CH1d66I3.js");
+const Icon = require("./Icon-BVa5ddiD.js");
 const utilities_css = require("../utilities/css.js");
 const InputField_module = require("./InputField.module-CmwwDXio.js");
 function mapIconSize(size) {
@@ -35,12 +35,13 @@ function getElementType(isMultiline) {
 }
 function InputIcon(props) {
   const { alignment = "start", size = "md", isDisabled = false, icon } = props;
-  return React.createElement("div", {
-    className: utilities_css.classNames(InputField_module.styles.icon, alignment === "start" ? InputField_module.styles.iconStart : InputField_module.styles.iconEnd, isDisabled && InputField_module.styles.iconDisabled, InputField_module.styles[utilities_css.variationName("inputIconPlacement", size)])
-  }, React.createElement(Icon.Icon, {
-    symbol: icon,
-    size: mapIconSize(size)
-  }));
+  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+    className: utilities_css.classNames(InputField_module.styles.icon, alignment === "start" ? InputField_module.styles.iconStart : InputField_module.styles.iconEnd, isDisabled && InputField_module.styles.iconDisabled, InputField_module.styles[utilities_css.variationName("inputIconPlacement", size)]),
+    children: jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+      symbol: icon,
+      size: mapIconSize(size)
+    })
+  });
 }
 exports.InputIcon = InputIcon;
 exports.getElementType = getElementType;

package/__chunks__/{KebabButton-DdzHU7is.js → KebabButton-3FnxY-Fz.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,10 +30,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+const jsxRuntime = require("./jsx-runtime-CH1d66I3.js");
 const React = require("react");
-const UnstyledButton = require("./UnstyledButton-BFpQ2Irc.js");
-const Text = require("./Text-CSESKR_s.js");
-const Icon = require("./Icon-W8F9w-jS.js");
+const UnstyledButton = require("./UnstyledButton-_YQekhlm.js");
+const Text = require("./Text-C4CEsglh.js");
+const Icon = require("./Icon-BVa5ddiD.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -91,13 +95,16 @@ const styles = {
 };
 const KebabButton = React.forwardRef((props, inRef) => {
   const _a = props, { accessibilityLabel = "Actions" } = _a, restProps = __objRest(_a, ["accessibilityLabel"]);
-  return React.createElement(UnstyledButton.UnstyledButton, __spreadValues({
+  return jsxRuntime.jsxRuntimeExports.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({
     ref: inRef,
     className: styles.KebabButton
-  }, restProps), React.createElement(Text.Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React.createElement(Icon.Icon, {
-    symbol: MoreVert
+  }, restProps), {
+    children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+      visuallyHidden: true,
+      children: accessibilityLabel
+    }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+      symbol: MoreVert
+    })]
   }));
 });
 KebabButton.displayName = "KebabButton";

package/__chunks__/{KebabButton-Bf1OdC5_.mjs → KebabButton-DSK0ISAn.mjs}

@@ -1,4 +1,6 @@
 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;
@@ -14,6 +16,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)
@@ -26,11 +29,12 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { j as jsxRuntimeExports } from "./jsx-runtime-DTpFD6nx.mjs";
 import * as React from "react";
 import React__default from "react";
-import { U as UnstyledButton } from "./UnstyledButton-DpQ5Ic9D.mjs";
-import { T as Text } from "./Text-YOL3isF4.mjs";
-import { I as Icon } from "./Icon-0SN9dbwU.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-BCg7eEyP.mjs";
+import { T as Text } from "./Text-u9mYLeWj.mjs";
+import { I as Icon } from "./Icon-DzTns8u5.mjs";
 var __defProp2 = Object.defineProperty;
 var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
 var __hasOwnProp2 = Object.prototype.hasOwnProperty;
@@ -74,13 +78,16 @@ const styles = {
 };
 const KebabButton = React__default.forwardRef((props, inRef) => {
   const _a = props, { accessibilityLabel = "Actions" } = _a, restProps = __objRest(_a, ["accessibilityLabel"]);
-  return React__default.createElement(UnstyledButton, __spreadValues({
+  return jsxRuntimeExports.jsxs(UnstyledButton, __spreadProps(__spreadValues({
     ref: inRef,
     className: styles.KebabButton
-  }, restProps), React__default.createElement(Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React__default.createElement(Icon, {
-    symbol: MoreVert
+  }, restProps), {
+    children: [jsxRuntimeExports.jsx(Text, {
+      visuallyHidden: true,
+      children: accessibilityLabel
+    }), jsxRuntimeExports.jsx(Icon, {
+      symbol: MoreVert
+    })]
   }));
 });
 KebabButton.displayName = "KebabButton";