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

package/SectionCard/index.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,12 +29,12 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default from "react";
+import { jsx } from "react/jsx-runtime";
 import { l as lodashExports } from "../__chunks__/lodash-B19QVK6q.mjs";
-import { p as pickCardAreaProps, C as Card } from "../__chunks__/Card-CJug4GMX.mjs";
-import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
-import { V as VerticalStack } from "../__chunks__/VerticalStack-C2yDQVHD.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
+import { p as pickCardAreaProps, C as Card } from "../__chunks__/Card-BgjWYPVY.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { V as VerticalStack } from "../__chunks__/VerticalStack-DoMqBfYD.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
 const header = "_header_1wo2q_4";
 const controls = "_controls_1wo2q_17";
 const tabs = "_tabs_1wo2q_21";
@@ -44,52 +47,67 @@ function SectionCard(props) {
   const _a = props, { children } = _a, cardProps = __objRest(_a, ["children"]);
   const cardAreaProps = pickCardAreaProps(props);
   const cardContainerProps = lodashExports.omit(cardProps, Object.keys(cardAreaProps));
-  return React__default.createElement(SectionCardContainer, __spreadValues({}, cardContainerProps), React__default.createElement(SectionCardArea, __spreadValues({}, cardAreaProps), children));
+  return jsx(SectionCardContainer, __spreadProps(__spreadValues({}, cardContainerProps), {
+    children: jsx(SectionCardArea, __spreadProps(__spreadValues({}, cardAreaProps), {
+      children
+    }))
+  }));
 }
 function SectionCardContainer(props) {
   const _a = props, { children } = _a, cardContainerProps = __objRest(_a, ["children"]);
-  return React__default.createElement(Card.Container, __spreadValues({
+  return jsx(Card.Container, __spreadProps(__spreadValues({
     as: "section",
     variant: "solid",
     boxShadow: "2",
     borderRadius: "lg"
-  }, cardContainerProps), React__default.createElement(VerticalStack, null, children));
+  }, cardContainerProps), {
+    children: jsx(VerticalStack, {
+      children
+    })
+  }));
 }
 function SectionCardArea(props) {
   const _a = props, { children } = _a, cardAreaProps = __objRest(_a, ["children"]);
-  return React__default.createElement(Card.Area, __spreadValues({
+  return jsx(Card.Area, __spreadProps(__spreadValues({
     padding: "3"
-  }, cardAreaProps), React__default.createElement(VerticalStack, {
-    gap: "2"
-  }, children));
+  }, cardAreaProps), {
+    children: jsx(VerticalStack, {
+      gap: "2",
+      children
+    })
+  }));
 }
 function SectionCardHeader(props) {
-  return React__default.createElement("div", {
-    className: styles.header
-  }, props.children);
+  return jsx("div", {
+    className: styles.header,
+    children: props.children
+  });
 }
 function SectionCardControls(props) {
-  return React__default.createElement("div", {
-    className: styles.controls
-  }, props.children);
+  return jsx("div", {
+    className: styles.controls,
+    children: props.children
+  });
 }
 function SectionCardActions(props) {
-  return React__default.createElement(HorizontalStack, {
+  return jsx(HorizontalStack, {
     align: "end",
-    gap: "1"
-  }, props.children);
+    gap: "1",
+    children: props.children
+  });
 }
 function SectionCardTitle(props) {
-  return React__default.createElement(Text, __spreadValues({
+  return jsx(Text, __spreadValues({
     variant: "heading5",
     as: "h2"
   }, props));
 }
 function SectionCardTabs(props) {
   const { children } = props;
-  return React__default.createElement("div", {
-    className: styles.tabs
-  }, children);
+  return jsx("div", {
+    className: styles.tabs,
+    children
+  });
 }
 SectionCard.Container = SectionCardContainer;
 SectionCard.Area = SectionCardArea;

package/Select/index.js

@@ -19,38 +19,42 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const SelectOverlay = require("../__chunks__/SelectOverlay-CmbC4zrD.js");
+const SelectOverlay = require("../__chunks__/SelectOverlay-Bva0SG8D.js");
 const utilities_css = require("../utilities/css.js");
-const InputCaption = require("../__chunks__/InputCaption-C3Hf9Hvt.js");
-const Text = require("../__chunks__/Text-CSESKR_s.js");
+const InputCaption = require("../__chunks__/InputCaption-CccF4ynE.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
 const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
-const UnstyledButton = require("../__chunks__/UnstyledButton-BFpQ2Irc.js");
-const InputIcon = require("../__chunks__/InputIcon-DdcvN3A4.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
+const InputIcon = require("../__chunks__/InputIcon-DDKBJ_Tk.js");
 const useTriggerWidth = require("../__chunks__/useTriggerWidth-NhYqZmlX.js");
 function SelectTrigger(props) {
   const { size = "md", valueProps, iconAtStart, hasError, isDisabled, children } = props;
   const { triggerProps, triggerRef, selectState } = SelectOverlay.useInternalSelectContext();
   const hasStartIcon = !!iconAtStart;
   const className = utilities_css.classNames(SelectOverlay.styles.selectField, SelectOverlay.styles.selectFieldIconEnd, selectState.isOpen && SelectOverlay.styles.listboxOpen, hasError && SelectOverlay.styles.selectFieldError, hasStartIcon && SelectOverlay.styles.selectFieldIconStart, SelectOverlay.styles[utilities_css.variationName("selectSize", size)]);
-  return React.createElement("div", {
-    className: SelectOverlay.styles.selectFieldIconContainer
-  }, hasStartIcon && React.createElement(InputIcon.InputIcon, {
-    alignment: "start",
-    icon: iconAtStart,
-    size,
-    isDisabled
-  }), React.createElement(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, triggerProps), {
-    ref: triggerRef,
-    className
-  }), React.createElement("span", __spreadProps(__spreadValues({}, valueProps), {
-    className: SelectOverlay.styles.selectFieldText
-  }), children)), React.createElement(InputIcon.InputIcon, {
-    alignment: "end",
-    icon: ExpandMore400.ExpandMore400,
-    size,
-    isDisabled
-  }));
+  return jsxRuntime.jsxs("div", {
+    className: SelectOverlay.styles.selectFieldIconContainer,
+    children: [hasStartIcon && jsxRuntime.jsx(InputIcon.InputIcon, {
+      alignment: "start",
+      icon: iconAtStart,
+      size,
+      isDisabled
+    }), jsxRuntime.jsx(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, triggerProps), {
+      ref: triggerRef,
+      className,
+      children: jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, valueProps), {
+        className: SelectOverlay.styles.selectFieldText,
+        children
+      }))
+    })), jsxRuntime.jsx(InputIcon.InputIcon, {
+      alignment: "end",
+      icon: ExpandMore400.ExpandMore400,
+      size,
+      isDisabled
+    })]
+  });
 }
 function SelectField(props) {
   const { isDisabled = false, validationState = "valid", isLabelEmphasized = false, size = "md", label, errorText, helperText, placeholder, iconAtStart, labelProps, valueProps, errorTextProps, helperTextProps } = props;
@@ -60,28 +64,35 @@ function SelectField(props) {
   const showHelperText = !showErrorText && helperText;
   const captionProps = showHelperText ? helperTextProps : errorTextProps;
   const captionText = showHelperText ? helperText : errorText;
-  return React.createElement("div", {
-    className: utilities_css.classNames(SelectOverlay.styles.fieldRoot)
-  }, label && React.createElement(InputCaption.Label, __spreadValues({
-    fieldSize: size,
-    hasError,
-    isLabelEmphasized
-  }, labelProps), label), React.createElement(SelectOverlay.$bdd25dc72710631f$export$cbd84cdb2e668835, {
-    isDisabled,
-    state: selectState,
-    triggerRef,
-    label
-  }), React.createElement(SelectTrigger, {
-    valueProps,
-    iconAtStart,
-    hasError,
-    isDisabled,
-    size
-  }, selectState.selectedItem ? selectState.selectedItem.rendered : React.createElement(Text.Text, {
-    color: "neutral.600"
-  }, placeholder)), (showErrorText || showHelperText) && React.createElement(InputCaption.InputCaption, __spreadValues({
-    variant: showHelperText ? "helper" : "error"
-  }, captionProps), captionText));
+  return jsxRuntime.jsxs("div", {
+    className: utilities_css.classNames(SelectOverlay.styles.fieldRoot),
+    children: [label && jsxRuntime.jsx(InputCaption.Label, __spreadProps(__spreadValues({
+      fieldSize: size,
+      hasError,
+      isLabelEmphasized
+    }, labelProps), {
+      children: label
+    })), jsxRuntime.jsx(SelectOverlay.$bdd25dc72710631f$export$cbd84cdb2e668835, {
+      isDisabled,
+      state: selectState,
+      triggerRef,
+      label
+    }), jsxRuntime.jsx(SelectTrigger, {
+      valueProps,
+      iconAtStart,
+      hasError,
+      isDisabled,
+      size,
+      children: selectState.selectedItem ? selectState.selectedItem.rendered : jsxRuntime.jsx(Text.Text, {
+        color: "neutral.600",
+        children: placeholder
+      })
+    }), (showErrorText || showHelperText) && jsxRuntime.jsx(InputCaption.InputCaption, __spreadProps(__spreadValues({
+      variant: showHelperText ? "helper" : "error"
+    }, captionProps), {
+      children: captionText
+    }))]
+  });
 }
 function Select(props) {
   const { isDisabled, validationState, isLabelEmphasized, size = "md", "aria-label": ariaLabel, label, errorText, helperText, placeholder, iconAtStart } = props;
@@ -100,23 +111,24 @@ function Select(props) {
       triggerWidth
     };
   }, [triggerProps, listBoxPropsFromSelect, selectState, triggerWidth]);
-  return React.createElement(SelectOverlay.InternalSelectContext.Provider, {
-    value: context
-  }, React.createElement(SelectField, {
-    isDisabled,
-    validationState,
-    isLabelEmphasized,
-    size,
-    label,
-    errorText,
-    helperText,
-    placeholder,
-    iconAtStart,
-    labelProps,
-    valueProps,
-    helperTextProps,
-    errorTextProps
-  }), React.createElement(SelectOverlay.SelectOverlay, null));
+  return jsxRuntime.jsxs(SelectOverlay.InternalSelectContext.Provider, {
+    value: context,
+    children: [jsxRuntime.jsx(SelectField, {
+      isDisabled,
+      validationState,
+      isLabelEmphasized,
+      size,
+      label,
+      errorText,
+      helperText,
+      placeholder,
+      iconAtStart,
+      labelProps,
+      valueProps,
+      helperTextProps,
+      errorTextProps
+    }), jsxRuntime.jsx(SelectOverlay.SelectOverlay, {})]
+  });
 }
 Select.Section = SelectOverlay.SelectSection;
 Select.Option = SelectOverlay.SelectOption;

package/Select/index.mjs

@@ -17,38 +17,42 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useMemo } from "react";
-import { u as useInternalSelectContext, s as styles, $ as $bdd25dc72710631f$export$cbd84cdb2e668835, a as $2bc3a590c5373a4e$export$5159ec8b34d4ec12, b as $58aed456727eb0f3$export$e64b2f635402ca43, I as InternalSelectContext, S as SelectOverlay, c as SelectSection, d as SelectOption } from "../__chunks__/SelectOverlay-DptO7xtn.mjs";
+import { u as useInternalSelectContext, s as styles, $ as $bdd25dc72710631f$export$cbd84cdb2e668835, a as $2bc3a590c5373a4e$export$5159ec8b34d4ec12, b as $58aed456727eb0f3$export$e64b2f635402ca43, I as InternalSelectContext, S as SelectOverlay, c as SelectSection, d as SelectOption } from "../__chunks__/SelectOverlay-q23ZLLi4.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-import { L as Label, I as InputCaption } from "../__chunks__/InputCaption-BJO9_Tby.mjs";
-import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
+import { L as Label, I as InputCaption } from "../__chunks__/InputCaption-DoyGkWQe.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
 import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
-import { U as UnstyledButton } from "../__chunks__/UnstyledButton-DpQ5Ic9D.mjs";
-import { I as InputIcon, l as logWarningForMissingAriaLabel } from "../__chunks__/InputIcon-Bpg4lyQx.mjs";
+import { U as UnstyledButton } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
+import { I as InputIcon, l as logWarningForMissingAriaLabel } from "../__chunks__/InputIcon-CEATdJ1j.mjs";
 import { u as useTriggerWidth } from "../__chunks__/useTriggerWidth-CBghrvjy.mjs";
 function SelectTrigger(props) {
   const { size = "md", valueProps, iconAtStart, hasError, isDisabled, children } = props;
   const { triggerProps, triggerRef, selectState } = useInternalSelectContext();
   const hasStartIcon = !!iconAtStart;
   const className = classNames(styles.selectField, styles.selectFieldIconEnd, selectState.isOpen && styles.listboxOpen, hasError && styles.selectFieldError, hasStartIcon && styles.selectFieldIconStart, styles[variationName("selectSize", size)]);
-  return React__default.createElement("div", {
-    className: styles.selectFieldIconContainer
-  }, hasStartIcon && React__default.createElement(InputIcon, {
-    alignment: "start",
-    icon: iconAtStart,
-    size,
-    isDisabled
-  }), React__default.createElement(UnstyledButton, __spreadProps(__spreadValues({}, triggerProps), {
-    ref: triggerRef,
-    className
-  }), React__default.createElement("span", __spreadProps(__spreadValues({}, valueProps), {
-    className: styles.selectFieldText
-  }), children)), React__default.createElement(InputIcon, {
-    alignment: "end",
-    icon: ExpandMore400,
-    size,
-    isDisabled
-  }));
+  return jsxs("div", {
+    className: styles.selectFieldIconContainer,
+    children: [hasStartIcon && jsx(InputIcon, {
+      alignment: "start",
+      icon: iconAtStart,
+      size,
+      isDisabled
+    }), jsx(UnstyledButton, __spreadProps(__spreadValues({}, triggerProps), {
+      ref: triggerRef,
+      className,
+      children: jsx("span", __spreadProps(__spreadValues({}, valueProps), {
+        className: styles.selectFieldText,
+        children
+      }))
+    })), jsx(InputIcon, {
+      alignment: "end",
+      icon: ExpandMore400,
+      size,
+      isDisabled
+    })]
+  });
 }
 function SelectField(props) {
   const { isDisabled = false, validationState = "valid", isLabelEmphasized = false, size = "md", label, errorText, helperText, placeholder, iconAtStart, labelProps, valueProps, errorTextProps, helperTextProps } = props;
@@ -58,28 +62,35 @@ function SelectField(props) {
   const showHelperText = !showErrorText && helperText;
   const captionProps = showHelperText ? helperTextProps : errorTextProps;
   const captionText = showHelperText ? helperText : errorText;
-  return React__default.createElement("div", {
-    className: classNames(styles.fieldRoot)
-  }, label && React__default.createElement(Label, __spreadValues({
-    fieldSize: size,
-    hasError,
-    isLabelEmphasized
-  }, labelProps), label), React__default.createElement($bdd25dc72710631f$export$cbd84cdb2e668835, {
-    isDisabled,
-    state: selectState,
-    triggerRef,
-    label
-  }), React__default.createElement(SelectTrigger, {
-    valueProps,
-    iconAtStart,
-    hasError,
-    isDisabled,
-    size
-  }, selectState.selectedItem ? selectState.selectedItem.rendered : React__default.createElement(Text, {
-    color: "neutral.600"
-  }, placeholder)), (showErrorText || showHelperText) && React__default.createElement(InputCaption, __spreadValues({
-    variant: showHelperText ? "helper" : "error"
-  }, captionProps), captionText));
+  return jsxs("div", {
+    className: classNames(styles.fieldRoot),
+    children: [label && jsx(Label, __spreadProps(__spreadValues({
+      fieldSize: size,
+      hasError,
+      isLabelEmphasized
+    }, labelProps), {
+      children: label
+    })), jsx($bdd25dc72710631f$export$cbd84cdb2e668835, {
+      isDisabled,
+      state: selectState,
+      triggerRef,
+      label
+    }), jsx(SelectTrigger, {
+      valueProps,
+      iconAtStart,
+      hasError,
+      isDisabled,
+      size,
+      children: selectState.selectedItem ? selectState.selectedItem.rendered : jsx(Text, {
+        color: "neutral.600",
+        children: placeholder
+      })
+    }), (showErrorText || showHelperText) && jsx(InputCaption, __spreadProps(__spreadValues({
+      variant: showHelperText ? "helper" : "error"
+    }, captionProps), {
+      children: captionText
+    }))]
+  });
 }
 function Select(props) {
   const { isDisabled, validationState, isLabelEmphasized, size = "md", "aria-label": ariaLabel, label, errorText, helperText, placeholder, iconAtStart } = props;
@@ -98,23 +109,24 @@ function Select(props) {
       triggerWidth
     };
   }, [triggerProps, listBoxPropsFromSelect, selectState, triggerWidth]);
-  return React__default.createElement(InternalSelectContext.Provider, {
-    value: context
-  }, React__default.createElement(SelectField, {
-    isDisabled,
-    validationState,
-    isLabelEmphasized,
-    size,
-    label,
-    errorText,
-    helperText,
-    placeholder,
-    iconAtStart,
-    labelProps,
-    valueProps,
-    helperTextProps,
-    errorTextProps
-  }), React__default.createElement(SelectOverlay, null));
+  return jsxs(InternalSelectContext.Provider, {
+    value: context,
+    children: [jsx(SelectField, {
+      isDisabled,
+      validationState,
+      isLabelEmphasized,
+      size,
+      label,
+      errorText,
+      helperText,
+      placeholder,
+      iconAtStart,
+      labelProps,
+      valueProps,
+      helperTextProps,
+      errorTextProps
+    }), jsx(SelectOverlay, {})]
+  });
 }
 Select.Section = SelectSection;
 Select.Option = SelectOption;

package/SelectorErrorTooltip/index.js

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

package/SelectorErrorTooltip/index.mjs

@@ -1,4 +1,4 @@
-import { S } from "../__chunks__/SelectorErrorTooltip-Dw1Fvd_q.mjs";
+import { S } from "../__chunks__/SelectorErrorTooltip-rO2-k3Gl.mjs";
 export {
   S as SelectorErrorTooltip
 };

package/Spinner/index.js

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

package/Spinner/index.mjs

@@ -1,4 +1,4 @@
-import { S } from "../__chunks__/Spinner-DOmPV59I.mjs";
+import { S } from "../__chunks__/Spinner-COsekFr1.mjs";
 export {
   S as Spinner
 };

package/SplitToggleCard/index.js

@@ -28,23 +28,29 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const Card = require("../__chunks__/Card-BM2DKiVA.js");
-const HorizontalGrid = require("../__chunks__/HorizontalGrid-CAwv7zKY.js");
-const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
-const Toggle = require("../__chunks__/Toggle-D2ucsFxO.js");
+const jsxRuntime = require("react/jsx-runtime");
+const Card = require("../__chunks__/Card-LPIW5drP.js");
+const HorizontalGrid = require("../__chunks__/HorizontalGrid-CAoDcmPW.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
+const Toggle = require("../__chunks__/Toggle-BmJjrdVn.js");
 const SplitToggleCard = (props) => {
   const _a = props, { children } = _a, toggleProps = __objRest(_a, ["children"]);
-  return React.createElement(Card.Card.Container, null, React.createElement(HorizontalGrid.HorizontalGrid, {
-    columns: ["80px", "1fr"]
-  }, React.createElement(Card.Card.Area, {
-    background: "secondary",
-    padding: "3"
-  }, React.createElement(HorizontalStack.HorizontalStack, {
-    align: "center"
-  }, React.createElement(Toggle.Toggle, __spreadValues({}, toggleProps)))), React.createElement(Card.Card.Area, {
-    background: "primary",
-    padding: "2"
-  }, children)));
+  return jsxRuntime.jsx(Card.Card.Container, {
+    children: jsxRuntime.jsxs(HorizontalGrid.HorizontalGrid, {
+      columns: ["80px", "1fr"],
+      children: [jsxRuntime.jsx(Card.Card.Area, {
+        background: "secondary",
+        padding: "3",
+        children: jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
+          align: "center",
+          children: jsxRuntime.jsx(Toggle.Toggle, __spreadValues({}, toggleProps))
+        })
+      }), jsxRuntime.jsx(Card.Card.Area, {
+        background: "primary",
+        padding: "2",
+        children
+      })]
+    })
+  });
 };
 exports.SplitToggleCard = SplitToggleCard;

package/SplitToggleCard/index.mjs

@@ -26,24 +26,30 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default from "react";
-import { C as Card } from "../__chunks__/Card-CJug4GMX.mjs";
-import { H as HorizontalGrid } from "../__chunks__/HorizontalGrid-Dz8EFgmu.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
-import { T as Toggle } from "../__chunks__/Toggle-CxjLdmzW.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { C as Card } from "../__chunks__/Card-BgjWYPVY.mjs";
+import { H as HorizontalGrid } from "../__chunks__/HorizontalGrid-DbLeJBt8.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
+import { T as Toggle } from "../__chunks__/Toggle-DlDQ7rr2.mjs";
 const SplitToggleCard = (props) => {
   const _a = props, { children } = _a, toggleProps = __objRest(_a, ["children"]);
-  return React__default.createElement(Card.Container, null, React__default.createElement(HorizontalGrid, {
-    columns: ["80px", "1fr"]
-  }, React__default.createElement(Card.Area, {
-    background: "secondary",
-    padding: "3"
-  }, React__default.createElement(HorizontalStack, {
-    align: "center"
-  }, React__default.createElement(Toggle, __spreadValues({}, toggleProps)))), React__default.createElement(Card.Area, {
-    background: "primary",
-    padding: "2"
-  }, children)));
+  return jsx(Card.Container, {
+    children: jsxs(HorizontalGrid, {
+      columns: ["80px", "1fr"],
+      children: [jsx(Card.Area, {
+        background: "secondary",
+        padding: "3",
+        children: jsx(HorizontalStack, {
+          align: "center",
+          children: jsx(Toggle, __spreadValues({}, toggleProps))
+        })
+      }), jsx(Card.Area, {
+        background: "primary",
+        padding: "2",
+        children
+      })]
+    })
+  });
 };
 export {
   SplitToggleCard

package/Stepper/index.js

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

package/Stepper/index.mjs

@@ -1,4 +1,4 @@
-import { S } from "../__chunks__/Stepper-BEyDIPNJ.mjs";
+import { S } from "../__chunks__/Stepper-DlI-16t-.mjs";
 export {
   S as Stepper
 };

package/TabNav/index.js

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

package/TabNav/index.mjs

@@ -1,4 +1,4 @@
-import { T } from "../__chunks__/TabNav-vCt_zTvE.mjs";
+import { T } from "../__chunks__/TabNav-BNhQF0b0.mjs";
 export {
   T as TabNav
 };