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

package/SearchNav/index.mjs

@@ -29,22 +29,23 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import React__default, { createContext, useContext, Fragment, useMemo, useState } from "react";
+import React__default, { createContext, useContext, Fragment as Fragment$1, useMemo, useState } from "react";
 import { classNames, variationName } from "../utilities/css.mjs";
 import { getFlattenedKey, getDisplayNameFromReactNode, flattenChildren, filterChildrenByDisplayName } from "../utilities/react.mjs";
-import { M as Menu } from "../__chunks__/Menu-DHwqwFlg.mjs";
-import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
-import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
-import { U as UnstyledButton } from "../__chunks__/UnstyledButton-DpQ5Ic9D.mjs";
-import { u as useInternalSelectContext, $ as $bdd25dc72710631f$export$cbd84cdb2e668835, a as $2bc3a590c5373a4e$export$5159ec8b34d4ec12, b as $58aed456727eb0f3$export$e64b2f635402ca43, I as InternalSelectContext, S as SelectOverlay, d as SelectOption } from "../__chunks__/SelectOverlay-DptO7xtn.mjs";
+import { M as Menu } from "../__chunks__/Menu-Ci1FGh8B.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
+import { U as UnstyledButton } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
+import { u as useInternalSelectContext, $ as $bdd25dc72710631f$export$cbd84cdb2e668835, a as $2bc3a590c5373a4e$export$5159ec8b34d4ec12, b as $58aed456727eb0f3$export$e64b2f635402ca43, I as InternalSelectContext, S as SelectOverlay, d as SelectOption } from "../__chunks__/SelectOverlay-q23ZLLi4.mjs";
 import { u as useTriggerWidth } from "../__chunks__/useTriggerWidth-CBghrvjy.mjs";
 import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
 import { C as Close } from "../__chunks__/Close-Cq6Q6MN6.mjs";
 import { M as Menu$1 } from "../__chunks__/Menu-qMqvSorL.mjs";
 import { S as Search$1 } from "../__chunks__/Search-Cyblmqo5.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
-import { B as Button } from "../__chunks__/Button-BsGH6vGC.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
+import { B as Button } from "../__chunks__/Button-JL1YQxJ5.mjs";
 const nav = "_nav_1sb0u_4";
 const desktop = "_desktop_1sb0u_16";
 const onlyLogoGroup = "_onlyLogoGroup_1sb0u_29";
@@ -63,7 +64,7 @@ const styles$7 = {
 };
 function Separator(props) {
   const { group } = props;
-  return React__default.createElement("div", {
+  return jsx("div", {
     className: classNames(styles$7.separator, styles$7[variationName("group", group)])
   });
 }
@@ -81,13 +82,18 @@ function useInternalSearchNavContext() {
 }
 function LogoGroup(_props) {
   const { logo: logo2, title, selector } = useInternalSearchNavContext();
-  return React__default.createElement("div", {
-    className: classNames(styles$6.logoGroup)
-  }, logo2, title && React__default.createElement(React__default.Fragment, null, React__default.createElement(Separator, {
-    group: "logo"
-  }), title), selector && React__default.createElement(React__default.Fragment, null, React__default.createElement(Separator, {
-    group: "logo"
-  }), selector));
+  return jsxs("div", {
+    className: classNames(styles$6.logoGroup),
+    children: [logo2, title && jsxs(Fragment, {
+      children: [jsx(Separator, {
+        group: "logo"
+      }), title]
+    }), selector && jsxs(Fragment, {
+      children: [jsx(Separator, {
+        group: "logo"
+      }), selector]
+    })]
+  });
 }
 LogoGroup.displayName = "SearchNav.LogoGroup";
 const search = "_search_nexql_4";
@@ -96,9 +102,10 @@ const styles$5 = {
 };
 function Search(props) {
   const { children } = props;
-  return React__default.createElement("div", {
-    className: classNames(styles$5.search)
-  }, children);
+  return jsx("div", {
+    className: classNames(styles$5.search),
+    children
+  });
 }
 Search.displayName = "SearchNav.Search";
 var __defProp2 = Object.defineProperty;
@@ -151,40 +158,57 @@ const styles$4 = {
 function CTAGroup(_props) {
   const { menuOverlayProps, ctaMenuSymbol, primaryCTAItem, secondaryCTAItems } = useInternalSearchNavContext();
   const totalItems = (secondaryCTAItems == null ? void 0 : secondaryCTAItems.length) || 0;
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: classNames(styles$4.ctaGroup, styles$4.ctaGroupExpanded)
-  }, secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item, index) => {
-    const isLastChild = index === totalItems - 1;
-    const itemEle = item;
-    return React__default.createElement(Fragment, {
-      key: itemEle.key
-    }, itemEle, !isLastChild && React__default.createElement(Separator, {
-      group: "cta"
-    }));
-  }), primaryCTAItem && React__default.createElement(React__default.Fragment, null, React__default.createElement(Separator, {
-    group: "cta"
-  }), primaryCTAItem)), React__default.createElement("div", {
-    className: classNames(styles$4.ctaGroup, styles$4.ctaGroupMenu)
-  }, React__default.createElement(Menu, null, React__default.createElement(Menu.Trigger, null, React__default.createElement(UnstyledButton, {
-    className: classNames(styles$4.menuBtn)
-  }, React__default.createElement(Icon, {
-    symbol: ctaMenuSymbol ? ctaMenuSymbol : Help
-  }), React__default.createElement(Text, {
-    visuallyHidden: true
-  }, "menu"))), React__default.createElement(Menu.Overlay, __spreadValues({
-    placement: "bottom right"
-  }, menuOverlayProps), React__default.createElement(Menu.Section, {
-    "aria-label": "Nav actions"
-  }, secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item) => {
-    const itemEle = item;
-    return React__default.createElement(Menu.Item, {
-      key: getFlattenedKey(itemEle.key),
-      href: itemEle.props.href,
-      target: itemEle.props.target
-    }, itemEle.props.label);
-  })))), primaryCTAItem && React__default.createElement(React__default.Fragment, null, React__default.createElement(Separator, {
-    group: "cta"
-  }), primaryCTAItem)));
+  return jsxs(Fragment, {
+    children: [jsxs("div", {
+      className: classNames(styles$4.ctaGroup, styles$4.ctaGroupExpanded),
+      children: [secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item, index) => {
+        const isLastChild = index === totalItems - 1;
+        const itemEle = item;
+        return jsxs(Fragment$1, {
+          children: [itemEle, !isLastChild && jsx(Separator, {
+            group: "cta"
+          })]
+        }, itemEle.key);
+      }), primaryCTAItem && jsxs(Fragment, {
+        children: [jsx(Separator, {
+          group: "cta"
+        }), primaryCTAItem]
+      })]
+    }), jsxs("div", {
+      className: classNames(styles$4.ctaGroup, styles$4.ctaGroupMenu),
+      children: [jsxs(Menu, {
+        children: [jsx(Menu.Trigger, {
+          children: jsxs(UnstyledButton, {
+            className: classNames(styles$4.menuBtn),
+            children: [jsx(Icon, {
+              symbol: ctaMenuSymbol ? ctaMenuSymbol : Help
+            }), jsx(Text, {
+              visuallyHidden: true,
+              children: "menu"
+            })]
+          })
+        }), jsx(Menu.Overlay, __spreadProps(__spreadValues({
+          placement: "bottom right"
+        }, menuOverlayProps), {
+          children: jsx(Menu.Section, {
+            "aria-label": "Nav actions",
+            children: secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item) => {
+              const itemEle = item;
+              return jsx(Menu.Item, {
+                href: itemEle.props.href,
+                target: itemEle.props.target,
+                children: itemEle.props.label
+              }, getFlattenedKey(itemEle.key));
+            })
+          })
+        }))]
+      }), primaryCTAItem && jsxs(Fragment, {
+        children: [jsx(Separator, {
+          group: "cta"
+        }), primaryCTAItem]
+      })]
+    })]
+  });
 }
 CTAGroup.displayName = "SearchNav.CTAGroup";
 const logo = "_logo_fsmuh_4";
@@ -193,9 +217,10 @@ const styles$3 = {
 };
 function Logo(props) {
   const { children } = props;
-  return React__default.createElement("div", {
-    className: classNames(styles$3.logo)
-  }, children);
+  return jsx("div", {
+    className: classNames(styles$3.logo),
+    children
+  });
 }
 Logo.displayName = "SearchNav.Logo";
 const cta = "_cta_2tjk4_4";
@@ -204,13 +229,15 @@ const styles$2 = {
 };
 function SecondaryCTAItem(props) {
   const _a = props, { symbol, label, hideLabelOnDesktop = false } = _a, restProps = __objRest(_a, ["symbol", "label", "hideLabelOnDesktop"]);
-  return React__default.createElement(UnstyledButton, __spreadProps(__spreadValues({}, restProps), {
-    className: classNames(styles$2.cta)
-  }), symbol && React__default.createElement(Icon, {
-    symbol
-  }), hideLabelOnDesktop ? React__default.createElement(Text, {
-    visuallyHidden: true
-  }, label) : label);
+  return jsxs(UnstyledButton, __spreadProps(__spreadValues({}, restProps), {
+    className: classNames(styles$2.cta),
+    children: [symbol && jsx(Icon, {
+      symbol
+    }), hideLabelOnDesktop ? jsx(Text, {
+      visuallyHidden: true,
+      children: label
+    }) : label]
+  }));
 }
 SecondaryCTAItem.displayName = "SearchNav.SecondaryCTAItem";
 const triggerBtn = "_triggerBtn_87epg_4";
@@ -223,19 +250,23 @@ function SelectorTrigger(props) {
   var _a;
   const { valueProps, label } = props;
   const { triggerProps, triggerRef, selectState } = useInternalSelectContext();
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement($bdd25dc72710631f$export$cbd84cdb2e668835, {
-    state: selectState,
-    triggerRef,
-    label
-  }), React__default.createElement(UnstyledButton, __spreadProps(__spreadValues({}, triggerProps), {
-    ref: triggerRef,
-    className: classNames(styles$1.triggerBtn)
-  }), React__default.createElement("span", __spreadProps(__spreadValues({}, valueProps), {
-    className: classNames(styles$1.text)
-  }), (_a = selectState.selectedItem) == null ? void 0 : _a.rendered), React__default.createElement(Icon, {
-    symbol: ExpandMore400,
-    size: "xs"
-  })));
+  return jsxs(Fragment, {
+    children: [jsx($bdd25dc72710631f$export$cbd84cdb2e668835, {
+      state: selectState,
+      triggerRef,
+      label
+    }), jsxs(UnstyledButton, __spreadProps(__spreadValues({}, triggerProps), {
+      ref: triggerRef,
+      className: classNames(styles$1.triggerBtn),
+      children: [jsx("span", __spreadProps(__spreadValues({}, valueProps), {
+        className: classNames(styles$1.text),
+        children: (_a = selectState.selectedItem) == null ? void 0 : _a.rendered
+      })), jsx(Icon, {
+        symbol: ExpandMore400,
+        size: "xs"
+      })]
+    }))]
+  });
 }
 function Selector(props) {
   const triggerRef = React__default.useRef(null);
@@ -252,12 +283,13 @@ function Selector(props) {
       triggerWidth
     };
   }, [triggerProps, listBoxPropsFromSelect, selectState, triggerWidth]);
-  return React__default.createElement(InternalSelectContext.Provider, {
-    value: context
-  }, React__default.createElement(SelectorTrigger, {
-    valueProps,
-    label
-  }), React__default.createElement(SelectOverlay, null));
+  return jsxs(InternalSelectContext.Provider, {
+    value: context,
+    children: [jsx(SelectorTrigger, {
+      valueProps,
+      label
+    }), jsx(SelectOverlay, {})]
+  });
 }
 Selector.displayName = "SearchNav.Selector";
 const condensed = "_condensed_1rv4g_4";
@@ -279,69 +311,90 @@ function CondensedSearchNav() {
   const [isSearchOpen, setIsSearchOpen] = useState(false);
   const { search: search2, selectorChildren, secondaryCTAItems, primaryCTAItem, selectorLabel, menuOverlayProps, condensedBehavior } = useInternalSearchNavContext();
   const hasMenuToShow = !!selectorChildren || !!secondaryCTAItems;
-  return React__default.createElement("div", {
-    className: classNames(styles.condensed)
-  }, isSearchOpen ? React__default.createElement("div", {
-    className: classNames(styles.condensedSearch)
-  }, search2, React__default.createElement(UnstyledButton, {
-    className: classNames(styles.btn),
-    onPress: () => setIsSearchOpen((prev) => !prev)
-  }, React__default.createElement(Icon, {
-    symbol: Close,
-    size: "xs"
-  }))) : React__default.createElement(React__default.Fragment, null, condensedBehavior === "collapse-to-menu" && hasMenuToShow ? React__default.createElement(Menu, {
-    isOpen: isMenuOpen,
-    onOpenChange: setIsMenuOpen
-  }, React__default.createElement(Menu.Trigger, null, React__default.createElement(UnstyledButton, {
-    className: classNames(styles.btn, styles.menuBtn, isMenuOpen && styles.menuOpen)
-  }, React__default.createElement(Icon, {
-    symbol: Menu$1
-  }), React__default.createElement(Text, {
-    visuallyHidden: true
-  }, "menu"))), React__default.createElement(Menu.Overlay, __spreadValues({
-    placement: "bottom left"
-  }, menuOverlayProps), React__default.createElement(Menu.Section, {
-    "aria-label": selectorLabel
-  }, selectorChildren == null ? void 0 : selectorChildren.map((item) => {
-    const itemEle = item;
-    return React__default.createElement(Menu.Item, {
-      key: getFlattenedKey(itemEle.key)
-    }, itemEle.props.children);
-  })), React__default.createElement(Menu.Section, {
-    "aria-label": "Nav actions"
-  }, secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item) => {
-    const itemEle = item;
-    return React__default.createElement(Menu.Item, {
-      key: getFlattenedKey(itemEle.key),
-      href: itemEle.props.href,
-      target: itemEle.props.target
-    }, itemEle.props.label);
-  })))) : React__default.createElement(LogoGroup, null, null), (search2 || primaryCTAItem) && React__default.createElement(HorizontalStack, {
-    gap: "2"
-  }, search2 && React__default.createElement(UnstyledButton, {
-    className: classNames(styles.btn, styles.searchBtn),
-    onPress: () => setIsSearchOpen((prev) => !prev)
-  }, React__default.createElement(Icon, {
-    symbol: Search$1
-  }), React__default.createElement(Text, {
-    visuallyHidden: true
-  }, "search")), primaryCTAItem)));
+  return jsx("div", {
+    className: classNames(styles.condensed),
+    children: isSearchOpen ? jsxs("div", {
+      className: classNames(styles.condensedSearch),
+      children: [search2, jsx(UnstyledButton, {
+        className: classNames(styles.btn),
+        onPress: () => setIsSearchOpen((prev) => !prev),
+        children: jsx(Icon, {
+          symbol: Close,
+          size: "xs"
+        })
+      })]
+    }) : jsxs(Fragment, {
+      children: [condensedBehavior === "collapse-to-menu" && hasMenuToShow ? jsxs(Menu, {
+        isOpen: isMenuOpen,
+        onOpenChange: setIsMenuOpen,
+        children: [jsx(Menu.Trigger, {
+          children: jsxs(UnstyledButton, {
+            className: classNames(styles.btn, styles.menuBtn, isMenuOpen && styles.menuOpen),
+            children: [jsx(Icon, {
+              symbol: Menu$1
+            }), jsx(Text, {
+              visuallyHidden: true,
+              children: "menu"
+            })]
+          })
+        }), jsxs(Menu.Overlay, __spreadProps(__spreadValues({
+          placement: "bottom left"
+        }, menuOverlayProps), {
+          children: [jsx(Menu.Section, {
+            "aria-label": selectorLabel,
+            children: selectorChildren == null ? void 0 : selectorChildren.map((item) => {
+              const itemEle = item;
+              return jsx(Menu.Item, {
+                children: itemEle.props.children
+              }, getFlattenedKey(itemEle.key));
+            })
+          }), jsx(Menu.Section, {
+            "aria-label": "Nav actions",
+            children: secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item) => {
+              const itemEle = item;
+              return jsx(Menu.Item, {
+                href: itemEle.props.href,
+                target: itemEle.props.target,
+                children: itemEle.props.label
+              }, getFlattenedKey(itemEle.key));
+            })
+          })]
+        }))]
+      }) : jsx(LogoGroup, {
+        children: null
+      }), (search2 || primaryCTAItem) && jsxs(HorizontalStack, {
+        gap: "2",
+        children: [search2 && jsxs(UnstyledButton, {
+          className: classNames(styles.btn, styles.searchBtn),
+          onPress: () => setIsSearchOpen((prev) => !prev),
+          children: [jsx(Icon, {
+            symbol: Search$1
+          }), jsx(Text, {
+            visuallyHidden: true,
+            children: "search"
+          })]
+        }), primaryCTAItem]
+      })]
+    })
+  });
 }
 function PrimaryCTAItem(props) {
   const _a = props, { label } = _a, restProps = __objRest(_a, ["label"]);
-  return React__default.createElement(Button, __spreadProps(__spreadValues({}, restProps), {
+  return jsx(Button, __spreadProps(__spreadValues({}, restProps), {
     variant: "outlined",
     size: "sm",
-    color: "support"
-  }), label);
+    color: "support",
+    children: label
+  }));
 }
 PrimaryCTAItem.displayName = "SearchNav.PrimaryCTAItem";
 function Title(props) {
   const { children } = props;
-  return React__default.createElement(Text, {
+  return jsx(Text, {
     variant: "subtitle1",
-    transform: "uppercase"
-  }, children);
+    transform: "uppercase",
+    children
+  });
 }
 Title.displayName = "SearchNav.Title";
 function getLogoGroupChildren(logoGroup2) {
@@ -438,13 +491,16 @@ function SearchNav(props) {
       }
     };
   }, [children, menuOverlayProps, ctaMenuSymbol, condensedBehavior]);
-  return React__default.createElement(InternalSearchNavContext.Provider, {
-    value: context
-  }, React__default.createElement("nav", {
-    className: classNames(styles$8.nav)
-  }, React__default.createElement("div", {
-    className: classNames(styles$8.desktop, onlyLogoGroup2 && styles$8.onlyLogoGroup)
-  }, children), !onlyLogoGroup2 && React__default.createElement(CondensedSearchNav, null)));
+  return jsx(InternalSearchNavContext.Provider, {
+    value: context,
+    children: jsxs("nav", {
+      className: classNames(styles$8.nav),
+      children: [jsx("div", {
+        className: classNames(styles$8.desktop, onlyLogoGroup2 && styles$8.onlyLogoGroup),
+        children
+      }), !onlyLogoGroup2 && jsx(CondensedSearchNav, {})]
+    })
+  });
 }
 SearchNav.LogoGroup = LogoGroup;
 SearchNav.Logo = Logo;

package/SearchNav/utilities.d.ts

@@ -7,8 +7,8 @@ export declare function getLogoGroupChildren(logoGroup: ReactNode): {
 };
 export declare function getSearchChildren(searchParent: ReactNode): ReactNode;
 export declare function getCTAGroupChildren(ctaGroup: ReactNode): {
-    secondaryCTAItems: ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
-    primaryCTAItem: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    secondaryCTAItems: ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[] | undefined;
+    primaryCTAItem: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
 };
-export declare function getSelectorLabel(selector: ReactNode): any;
+export declare function getSelectorLabel(selector: ReactNode): string | undefined;
 //# sourceMappingURL=utilities.d.ts.map

package/SearchNav/utilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/SearchNav/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOhD,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,SAAS;;;;;EAyCxD;AAED,wBAAgB,iBAAiB,CAAC,YAAY,EAAE,SAAS,aASxD;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,SAAS;;;EA4BtD;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,SAAS,OAQnD"}
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/SearchNav/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOhD,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,SAAS;;;;;EAyCxD;AAED,wBAAgB,iBAAiB,CAAC,YAAY,EAAE,SAAS,aASxD;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,SAAS;;;EA4BtD;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,SAAS,sBAQnD"}

package/SectionCard/index.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)
@@ -28,12 +31,12 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
+const jsxRuntime = require("react/jsx-runtime");
 const lodash = require("../__chunks__/lodash-CS8bkZ7S.js");
-const Card = require("../__chunks__/Card-BM2DKiVA.js");
-const Text = require("../__chunks__/Text-CSESKR_s.js");
-const VerticalStack = require("../__chunks__/VerticalStack-Dzpv3O67.js");
-const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
+const Card = require("../__chunks__/Card-LPIW5drP.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
+const VerticalStack = require("../__chunks__/VerticalStack-BHkiocKU.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
 const header = "_header_1wo2q_4";
 const controls = "_controls_1wo2q_17";
 const tabs = "_tabs_1wo2q_21";
@@ -46,52 +49,67 @@ function SectionCard(props) {
   const _a = props, { children } = _a, cardProps = __objRest(_a, ["children"]);
   const cardAreaProps = Card.pickCardAreaProps(props);
   const cardContainerProps = lodash.lodashExports.omit(cardProps, Object.keys(cardAreaProps));
-  return React.createElement(SectionCardContainer, __spreadValues({}, cardContainerProps), React.createElement(SectionCardArea, __spreadValues({}, cardAreaProps), children));
+  return jsxRuntime.jsx(SectionCardContainer, __spreadProps(__spreadValues({}, cardContainerProps), {
+    children: jsxRuntime.jsx(SectionCardArea, __spreadProps(__spreadValues({}, cardAreaProps), {
+      children
+    }))
+  }));
 }
 function SectionCardContainer(props) {
   const _a = props, { children } = _a, cardContainerProps = __objRest(_a, ["children"]);
-  return React.createElement(Card.Card.Container, __spreadValues({
+  return jsxRuntime.jsx(Card.Card.Container, __spreadProps(__spreadValues({
     as: "section",
     variant: "solid",
     boxShadow: "2",
     borderRadius: "lg"
-  }, cardContainerProps), React.createElement(VerticalStack.VerticalStack, null, children));
+  }, cardContainerProps), {
+    children: jsxRuntime.jsx(VerticalStack.VerticalStack, {
+      children
+    })
+  }));
 }
 function SectionCardArea(props) {
   const _a = props, { children } = _a, cardAreaProps = __objRest(_a, ["children"]);
-  return React.createElement(Card.Card.Area, __spreadValues({
+  return jsxRuntime.jsx(Card.Card.Area, __spreadProps(__spreadValues({
     padding: "3"
-  }, cardAreaProps), React.createElement(VerticalStack.VerticalStack, {
-    gap: "2"
-  }, children));
+  }, cardAreaProps), {
+    children: jsxRuntime.jsx(VerticalStack.VerticalStack, {
+      gap: "2",
+      children
+    })
+  }));
 }
 function SectionCardHeader(props) {
-  return React.createElement("div", {
-    className: styles.header
-  }, props.children);
+  return jsxRuntime.jsx("div", {
+    className: styles.header,
+    children: props.children
+  });
 }
 function SectionCardControls(props) {
-  return React.createElement("div", {
-    className: styles.controls
-  }, props.children);
+  return jsxRuntime.jsx("div", {
+    className: styles.controls,
+    children: props.children
+  });
 }
 function SectionCardActions(props) {
-  return React.createElement(HorizontalStack.HorizontalStack, {
+  return jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
     align: "end",
-    gap: "1"
-  }, props.children);
+    gap: "1",
+    children: props.children
+  });
 }
 function SectionCardTitle(props) {
-  return React.createElement(Text.Text, __spreadValues({
+  return jsxRuntime.jsx(Text.Text, __spreadValues({
     variant: "heading5",
     as: "h2"
   }, props));
 }
 function SectionCardTabs(props) {
   const { children } = props;
-  return React.createElement("div", {
-    className: styles.tabs
-  }, children);
+  return jsxRuntime.jsx("div", {
+    className: styles.tabs,
+    children
+  });
 }
 SectionCard.Container = SectionCardContainer;
 SectionCard.Area = SectionCardArea;