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

package/AlertBadge/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
-const Icon = require("../__chunks__/Icon-BVa5ddiD.js");
-const Text = require("../__chunks__/Text-C4CEsglh.js");
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
 const utilities_css = require("../utilities/css.js");
 const container = "_container_7b7g9_4";
 const root = "_root_7b7g9_9";
@@ -34,17 +34,17 @@ function AlertBadge(props) {
   if (!show) {
     return children;
   }
-  return jsxRuntime.jsxRuntimeExports.jsxs("span", {
+  return jsxRuntime.jsxs("span", {
     className: styles.container,
-    children: [children, jsxRuntime.jsxRuntimeExports.jsxs("span", {
+    children: [children, jsxRuntime.jsxs("span", {
       className,
-      children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+      children: [jsxRuntime.jsx(Text.Text, {
         visuallyHidden: true,
         children: accessibilityLabel
-      }), jsxRuntime.jsxRuntimeExports.jsx("span", {
+      }), jsxRuntime.jsx("span", {
         className: styles.badge,
         role: "status",
-        children: icon && jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+        children: icon && jsxRuntime.jsx(Icon.Icon, {
           symbol: icon,
           size: "2xs"
         })

package/AlertBadge/index.mjs

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
-import { I as Icon } from "../__chunks__/Icon-DzTns8u5.mjs";
-import { T as Text } from "../__chunks__/Text-u9mYLeWj.mjs";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
 const container = "_container_7b7g9_4";
 const root = "_root_7b7g9_9";
@@ -32,17 +32,17 @@ function AlertBadge(props) {
   if (!show) {
     return children;
   }
-  return jsxRuntimeExports.jsxs("span", {
+  return jsxs("span", {
     className: styles.container,
-    children: [children, jsxRuntimeExports.jsxs("span", {
+    children: [children, jsxs("span", {
       className,
-      children: [jsxRuntimeExports.jsx(Text, {
+      children: [jsx(Text, {
         visuallyHidden: true,
         children: accessibilityLabel
-      }), jsxRuntimeExports.jsx("span", {
+      }), jsx("span", {
         className: styles.badge,
         role: "status",
-        children: icon && jsxRuntimeExports.jsx(Icon, {
+        children: icon && jsx(Icon, {
           symbol: icon,
           size: "2xs"
         })

package/Badge/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
-const Icon = require("../__chunks__/Icon-BVa5ddiD.js");
-const Text = require("../__chunks__/Text-C4CEsglh.js");
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
 const utilities_css = require("../utilities/css.js");
 const root = "_root_fwo7a_4";
 const block = "_block_fwo7a_14";
@@ -47,27 +47,27 @@ function Badge(props) {
   if (icon && !children && !accessibilityLabel) {
     console.warn("Badge with only icon must have accessibilityLabel");
   }
-  return jsxRuntime.jsxRuntimeExports.jsxs("span", {
+  return jsxRuntime.jsxs("span", {
     className,
-    children: [accessibilityLabel && jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    children: [accessibilityLabel && jsxRuntime.jsx(Text.Text, {
       visuallyHidden: true,
       children: accessibilityLabel
-    }), jsxRuntime.jsxRuntimeExports.jsx("span", {
+    }), jsxRuntime.jsx("span", {
       className: styles.primary,
-      children: icon ? jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+      children: icon ? jsxRuntime.jsx(Icon.Icon, {
         symbol: icon,
         size: "sm"
-      }) : jsxRuntime.jsxRuntimeExports.jsx("span", {
+      }) : jsxRuntime.jsx("span", {
         className: styles.text,
         children
       })
-    }), children && (icon || secondaryLabel) && jsxRuntime.jsxRuntimeExports.jsx("span", {
+    }), children && (icon || secondaryLabel) && jsxRuntime.jsx("span", {
       className: styles.secondary,
-      children: jsxRuntime.jsxRuntimeExports.jsx("span", {
+      children: jsxRuntime.jsx("span", {
         className: styles.text,
-        children: icon ? jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {
+        children: icon ? jsxRuntime.jsx(jsxRuntime.Fragment, {
           children
-        }) : jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {
+        }) : jsxRuntime.jsx(jsxRuntime.Fragment, {
           children: secondaryLabel
         })
       })

package/Badge/index.mjs

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
-import { I as Icon } from "../__chunks__/Icon-DzTns8u5.mjs";
-import { T as Text } from "../__chunks__/Text-u9mYLeWj.mjs";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
 const root = "_root_fwo7a_4";
 const block = "_block_fwo7a_14";
@@ -45,27 +45,27 @@ function Badge(props) {
   if (icon && !children && !accessibilityLabel) {
     console.warn("Badge with only icon must have accessibilityLabel");
   }
-  return jsxRuntimeExports.jsxs("span", {
+  return jsxs("span", {
     className,
-    children: [accessibilityLabel && jsxRuntimeExports.jsx(Text, {
+    children: [accessibilityLabel && jsx(Text, {
       visuallyHidden: true,
       children: accessibilityLabel
-    }), jsxRuntimeExports.jsx("span", {
+    }), jsx("span", {
       className: styles.primary,
-      children: icon ? jsxRuntimeExports.jsx(Icon, {
+      children: icon ? jsx(Icon, {
         symbol: icon,
         size: "sm"
-      }) : jsxRuntimeExports.jsx("span", {
+      }) : jsx("span", {
         className: styles.text,
         children
       })
-    }), children && (icon || secondaryLabel) && jsxRuntimeExports.jsx("span", {
+    }), children && (icon || secondaryLabel) && jsx("span", {
       className: styles.secondary,
-      children: jsxRuntimeExports.jsx("span", {
+      children: jsx("span", {
         className: styles.text,
-        children: icon ? jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+        children: icon ? jsx(Fragment, {
           children
-        }) : jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+        }) : jsx(Fragment, {
           children: secondaryLabel
         })
       })

package/Banner/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
-const Text = require("../__chunks__/Text-C4CEsglh.js");
+const jsxRuntime = require("react/jsx-runtime");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
 const utilities_css = require("../utilities/css.js");
 const colorSuccess = "_colorSuccess_1w4t9_4";
 const colorPrimary = "_colorPrimary_1w4t9_9";
@@ -15,18 +15,18 @@ const styles = {
 };
 function Banner(props) {
   const { color = "success", emphasisText, children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsxs("div", {
+  return jsxRuntime.jsxs("div", {
     className: utilities_css.classNames(styles.Banner, styles[utilities_css.variationName("color", color)]),
-    children: [emphasisText && jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    children: [emphasisText && jsxRuntime.jsx(Text.Text, {
       as: "strong",
       variant: "subtitle1",
       alignment: "center",
-      children: !children ? jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {
+      children: !children ? jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: emphasisText
-      }) : jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
+      }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [emphasisText, ": "]
       })
-    }), children && jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    }), children && jsxRuntime.jsx(Text.Text, {
       variant: "body1",
       alignment: "center",
       children

package/Banner/index.mjs

@@ -1,5 +1,5 @@
-import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
-import { T as Text } from "../__chunks__/Text-u9mYLeWj.mjs";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
 const colorSuccess = "_colorSuccess_1w4t9_4";
 const colorPrimary = "_colorPrimary_1w4t9_9";
@@ -13,18 +13,18 @@ const styles = {
 };
 function Banner(props) {
   const { color = "success", emphasisText, children } = props;
-  return jsxRuntimeExports.jsxs("div", {
+  return jsxs("div", {
     className: classNames(styles.Banner, styles[variationName("color", color)]),
-    children: [emphasisText && jsxRuntimeExports.jsx(Text, {
+    children: [emphasisText && jsx(Text, {
       as: "strong",
       variant: "subtitle1",
       alignment: "center",
-      children: !children ? jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+      children: !children ? jsx(Fragment, {
         children: emphasisText
-      }) : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+      }) : jsxs(Fragment, {
         children: [emphasisText, ": "]
       })
-    }), children && jsxRuntimeExports.jsx(Text, {
+    }), children && jsx(Text, {
       variant: "body1",
       alignment: "center",
       children

package/Button/index.js

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

package/Button/index.mjs

@@ -1,4 +1,4 @@
-import { B } from "../__chunks__/Button-Dexauftx.mjs";
+import { B } from "../__chunks__/Button-JL1YQxJ5.mjs";
 export {
   B as Button
 };

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @easypost/easy-ui
 
+## 1.0.0-alpha.114
+
+### Patch Changes
+
+- 4af3b89: fix: React 19 JSX runtime import
+
 ## 1.0.0-alpha.113
 
 ### Minor Changes

package/Calendar/index.js

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

package/Calendar/index.mjs

@@ -1,4 +1,4 @@
-import { C } from "../__chunks__/Calendar-BOxw8lwX.mjs";
+import { C } from "../__chunks__/Calendar-DLzAtdfg.mjs";
 export {
   C as Calendar
 };

package/Card/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Card = require("../__chunks__/Card-DIZFYg6E.js");
+const Card = require("../__chunks__/Card-LPIW5drP.js");
 exports.Card = Card.Card;
 exports.pickCardAreaProps = Card.pickCardAreaProps;

package/Card/index.mjs

@@ -1,4 +1,4 @@
-import { C, p } from "../__chunks__/Card-8778avMv.mjs";
+import { C, p } from "../__chunks__/Card-BgjWYPVY.mjs";
 export {
   C as Card,
   p as pickCardAreaProps

package/CheckableCard/index.js

@@ -31,36 +31,36 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
-const Card = require("../__chunks__/Card-DIZFYg6E.js");
-const Checkbox = require("../__chunks__/Checkbox-DFWhjlaO.js");
-const HorizontalStack = require("../__chunks__/HorizontalStack-DidoI4Ks.js");
-const Text = require("../__chunks__/Text-C4CEsglh.js");
-const VerticalStack = require("../__chunks__/VerticalStack-CunLpHRv.js");
+const jsxRuntime = require("react/jsx-runtime");
+const Card = require("../__chunks__/Card-LPIW5drP.js");
+const Checkbox = require("../__chunks__/Checkbox-B_-6lfKk.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
+const VerticalStack = require("../__chunks__/VerticalStack-BHkiocKU.js");
 const textContainer = "_textContainer_e4oa4_4";
 const styles = {
   textContainer
 };
 function CheckableCard(props) {
   const _a = props, { header, children } = _a, checkboxProps = __objRest(_a, ["header", "children"]);
-  return jsxRuntime.jsxRuntimeExports.jsx(Card.Card, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(VerticalStack.VerticalStack, {
+  return jsxRuntime.jsx(Card.Card, {
+    children: jsxRuntime.jsx(VerticalStack.VerticalStack, {
       gap: "2",
-      children: jsxRuntime.jsxRuntimeExports.jsx(HorizontalStack.HorizontalStack, {
+      children: jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
         gap: "1.5",
         blockAlign: "center",
-        children: jsxRuntime.jsxRuntimeExports.jsxs(VerticalStack.VerticalStack, {
+        children: jsxRuntime.jsxs(VerticalStack.VerticalStack, {
           gap: "1",
-          children: [jsxRuntime.jsxRuntimeExports.jsx(Checkbox.Checkbox, __spreadProps(__spreadValues({}, checkboxProps), {
+          children: [jsxRuntime.jsx(Checkbox.Checkbox, __spreadProps(__spreadValues({}, checkboxProps), {
             size: "lg",
-            children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+            children: jsxRuntime.jsx(Text.Text, {
               weight: "semibold",
               as: "h3",
               children: header
             })
-          })), jsxRuntime.jsxRuntimeExports.jsx("div", {
+          })), jsxRuntime.jsx("div", {
             className: styles.textContainer,
-            children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+            children: jsxRuntime.jsx(Text.Text, {
               weight: "medium",
               color: "neutral.500",
               children

package/CheckableCard/index.mjs

@@ -29,36 +29,36 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
-import { C as Card } from "../__chunks__/Card-8778avMv.mjs";
-import { C as Checkbox } from "../__chunks__/Checkbox-C-NlI-Ym.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-BkE82C73.mjs";
-import { T as Text } from "../__chunks__/Text-u9mYLeWj.mjs";
-import { V as VerticalStack } from "../__chunks__/VerticalStack-Cbdpucbh.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { C as Card } from "../__chunks__/Card-BgjWYPVY.mjs";
+import { C as Checkbox } from "../__chunks__/Checkbox-DcaO0fC3.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { V as VerticalStack } from "../__chunks__/VerticalStack-DoMqBfYD.mjs";
 const textContainer = "_textContainer_e4oa4_4";
 const styles = {
   textContainer
 };
 function CheckableCard(props) {
   const _a = props, { header, children } = _a, checkboxProps = __objRest(_a, ["header", "children"]);
-  return jsxRuntimeExports.jsx(Card, {
-    children: jsxRuntimeExports.jsx(VerticalStack, {
+  return jsx(Card, {
+    children: jsx(VerticalStack, {
       gap: "2",
-      children: jsxRuntimeExports.jsx(HorizontalStack, {
+      children: jsx(HorizontalStack, {
         gap: "1.5",
         blockAlign: "center",
-        children: jsxRuntimeExports.jsxs(VerticalStack, {
+        children: jsxs(VerticalStack, {
           gap: "1",
-          children: [jsxRuntimeExports.jsx(Checkbox, __spreadProps(__spreadValues({}, checkboxProps), {
+          children: [jsx(Checkbox, __spreadProps(__spreadValues({}, checkboxProps), {
             size: "lg",
-            children: jsxRuntimeExports.jsx(Text, {
+            children: jsx(Text, {
               weight: "semibold",
               as: "h3",
               children: header
             })
-          })), jsxRuntimeExports.jsx("div", {
+          })), jsx("div", {
             className: styles.textContainer,
-            children: jsxRuntimeExports.jsx(Text, {
+            children: jsx(Text, {
               weight: "medium",
               color: "neutral.500",
               children

package/Checkbox/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Checkbox = require("../__chunks__/Checkbox-DFWhjlaO.js");
+const Checkbox = require("../__chunks__/Checkbox-B_-6lfKk.js");
 exports.Checkbox = Checkbox.Checkbox;
 exports.DEFAULT_SIZE = Checkbox.DEFAULT_SIZE;

package/Checkbox/index.mjs

@@ -1,4 +1,4 @@
-import { C, D } from "../__chunks__/Checkbox-C-NlI-Ym.mjs";
+import { C, D } from "../__chunks__/Checkbox-DcaO0fC3.mjs";
 export {
   C as Checkbox,
   D as DEFAULT_SIZE

package/CodeBlock/index.js

@@ -19,21 +19,21 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const CodeSnippet = require("../__chunks__/CodeSnippet-BCOMwE07.js");
-const HorizontalStack = require("../__chunks__/HorizontalStack-DidoI4Ks.js");
+const CodeSnippet = require("../__chunks__/CodeSnippet-25l4r2Gh.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
 const utilities_css = require("../utilities/css.js");
 const utilities_react = require("../utilities/react.js");
-const Icon = require("../__chunks__/Icon-BVa5ddiD.js");
-const Text = require("../__chunks__/Text-C4CEsglh.js");
-const Tooltip = require("../__chunks__/Tooltip-COjtKErw.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
+const Tooltip = require("../__chunks__/Tooltip-BSMvNula.js");
 const useHover = require("../__chunks__/useHover-Ck1otl-j.js");
 const useFocus = require("../__chunks__/useFocus-D_NKNXdi.js");
 const mergeProps = require("../__chunks__/mergeProps-DLPcevok.js");
 const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
-const Menu = require("../__chunks__/Menu-Du8SsMeJ.js");
-const UnstyledButton = require("../__chunks__/UnstyledButton-_YQekhlm.js");
+const Menu = require("../__chunks__/Menu-MGDv1tob.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -236,17 +236,17 @@ function CopyButton({ text }) {
     tooltipState.close();
   }, [clipboard, text, tooltipState]);
   const content = clipboard.copied ? "Copied!" : "Copy code block";
-  return jsxRuntime.jsxRuntimeExports.jsx(Tooltip.Tooltip, {
+  return jsxRuntime.jsx(Tooltip.Tooltip, {
     isOpen: tooltipState.isOpen || clipboard.copied,
     content,
-    children: jsxRuntime.jsxRuntimeExports.jsxs("button", __spreadProps(__spreadValues({
+    children: jsxRuntime.jsxs("button", __spreadProps(__spreadValues({
       className: styles$1.CopyButton,
       onClick: handlePress
     }, triggerProps), {
-      children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+      children: [jsxRuntime.jsx(Text.Text, {
         visuallyHidden: true,
         children: "Copy code"
-      }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+      }), jsxRuntime.jsx(Icon.Icon, {
         symbol: ContentCopy
       })]
     }))
@@ -276,25 +276,25 @@ function LanguageMenu(props) {
     const language2 = key;
     onChange(language2);
   }, [onChange]);
-  return jsxRuntime.jsxRuntimeExports.jsxs(Menu.Menu, {
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Trigger, {
-      children: jsxRuntime.jsxRuntimeExports.jsx(UnstyledButton.UnstyledButton, {
-        children: jsxRuntime.jsxRuntimeExports.jsxs(HorizontalStack.HorizontalStack, {
+  return jsxRuntime.jsxs(Menu.Menu, {
+    children: [jsxRuntime.jsx(Menu.Menu.Trigger, {
+      children: jsxRuntime.jsx(UnstyledButton.UnstyledButton, {
+        children: jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
           blockAlign: "center",
           gap: "1",
           wrap: false,
-          children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+          children: [jsxRuntime.jsx(Text.Text, {
             variant: "body1",
             children: CodeSnippet.friendlySnippetLanguageNames[language]
-          }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+          }), jsxRuntime.jsx(Icon.Icon, {
             symbol: ExpandMore400.ExpandMore400
           })]
         })
       })
-    }), jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Overlay, {
+    }), jsxRuntime.jsx(Menu.Menu.Overlay, {
       maxItemsUntilScroll: Infinity,
       onAction: handleMenuAction,
-      children: languages.map((language2) => jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Item, {
+      children: languages.map((language2) => jsxRuntime.jsx(Menu.Menu.Item, {
         children: CodeSnippet.friendlySnippetLanguageNames[language2]
       }, language2))
     })]
@@ -318,26 +318,26 @@ function CodeBlockHeader(props) {
   const { children, color = "neutral", hideCopy = false } = props;
   const { snippet, languages, language, onLanguageChange } = CodeSnippet.useCodeBlock();
   const className = utilities_css.classNames(styles.header, styles[utilities_css.variationName("color", color)]);
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className,
-    children: jsxRuntime.jsxRuntimeExports.jsxs(HorizontalStack.HorizontalStack, {
+    children: jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
       align: "space-between",
       gap: "2",
       wrap: false,
       blockAlign: "start",
-      children: [jsxRuntime.jsxRuntimeExports.jsx("span", {
+      children: [jsxRuntime.jsx("span", {
         className: styles.headerTitle,
         children
-      }), jsxRuntime.jsxRuntimeExports.jsxs(HorizontalStack.HorizontalStack, {
+      }), jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
         gap: "2",
         wrap: false,
-        children: [languages.length > 1 && jsxRuntime.jsxRuntimeExports.jsx(LanguageMenu, {
+        children: [languages.length > 1 && jsxRuntime.jsx(LanguageMenu, {
           languages,
           language,
           onChange: onLanguageChange
-        }), languages.length > 1 && !hideCopy && jsxRuntime.jsxRuntimeExports.jsx("span", {
+        }), languages.length > 1 && !hideCopy && jsxRuntime.jsx("span", {
           className: styles.divider
-        }), !hideCopy && jsxRuntime.jsxRuntimeExports.jsx(CopyButton, {
+        }), !hideCopy && jsxRuntime.jsx(CopyButton, {
           text: snippet.props.code
         })]
       })]
@@ -346,7 +346,7 @@ function CodeBlockHeader(props) {
 }
 CodeBlockHeader.displayName = "CodeBlock.Header";
 function CodeBlockSnippet(props) {
-  return jsxRuntime.jsxRuntimeExports.jsx(CodeSnippet.CodeSnippet, __spreadValues({}, props));
+  return jsxRuntime.jsx(CodeSnippet.CodeSnippet, __spreadValues({}, props));
 }
 CodeBlockSnippet.displayName = "CodeBlock.Snippet";
 function CodeBlock(props) {
@@ -379,9 +379,9 @@ function CodeBlock(props) {
       onLanguageChange
     };
   }, [languages, snippet, language, onLanguageChange]);
-  return jsxRuntime.jsxRuntimeExports.jsx(CodeSnippet.CodeBlockContext.Provider, {
+  return jsxRuntime.jsx(CodeSnippet.CodeBlockContext.Provider, {
     value: context,
-    children: jsxRuntime.jsxRuntimeExports.jsxs("div", {
+    children: jsxRuntime.jsxs("div", {
       className: styles.CodeBlock,
       children: [header2, snippet]
     })