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

package/AlertBadge/AlertBadge.d.ts

@@ -28,5 +28,5 @@ export type AlertBadgeProps = {
     /**  Show/hide AlertBadge. */
     show: boolean;
 };
-export declare function AlertBadge(props: AlertBadgeProps): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+export declare function AlertBadge(props: AlertBadgeProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
 //# sourceMappingURL=AlertBadge.d.ts.map

package/AlertBadge/AlertBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBadge.d.ts","sourceRoot":"","sources":["../../src/AlertBadge/AlertBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,eAAO,MAAM,eAAe,WAAW,CAAC;AAExC,eAAO,MAAM,iBAAiB,cAAc,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/E,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG,cAAc,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;IAEpB,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,gGA+BhD"}
+{"version":3,"file":"AlertBadge.d.ts","sourceRoot":"","sources":["../../src/AlertBadge/AlertBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,eAAO,MAAM,eAAe,WAAW,CAAC;AAExC,eAAO,MAAM,iBAAiB,cAAc,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/E,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG,cAAc,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;IAEpB,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,mSA+BhD"}

package/AlertBadge/index.js

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

package/AlertBadge/index.mjs

@@ -1,6 +1,6 @@
-import React__default from "react";
-import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
-import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
+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 { classNames, variationName } from "../utilities/css.mjs";
 const container = "_container_7b7g9_4";
 const root = "_root_7b7g9_9";
@@ -32,19 +32,23 @@ function AlertBadge(props) {
   if (!show) {
     return children;
   }
-  return React__default.createElement("span", {
-    className: styles.container
-  }, children, React__default.createElement("span", {
-    className
-  }, React__default.createElement(Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React__default.createElement("span", {
-    className: styles.badge,
-    role: "status"
-  }, icon && React__default.createElement(Icon, {
-    symbol: icon,
-    size: "2xs"
-  }))));
+  return jsxRuntimeExports.jsxs("span", {
+    className: styles.container,
+    children: [children, jsxRuntimeExports.jsxs("span", {
+      className,
+      children: [jsxRuntimeExports.jsx(Text, {
+        visuallyHidden: true,
+        children: accessibilityLabel
+      }), jsxRuntimeExports.jsx("span", {
+        className: styles.badge,
+        role: "status",
+        children: icon && jsxRuntimeExports.jsx(Icon, {
+          symbol: icon,
+          size: "2xs"
+        })
+      })]
+    })]
+  });
 }
 export {
   AlertBadge,

package/Badge/index.js

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

package/Badge/index.mjs

@@ -1,6 +1,6 @@
-import React__default from "react";
-import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
-import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
+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 { classNames, variationName } from "../utilities/css.mjs";
 const root = "_root_fwo7a_4";
 const block = "_block_fwo7a_14";
@@ -45,22 +45,32 @@ function Badge(props) {
   if (icon && !children && !accessibilityLabel) {
     console.warn("Badge with only icon must have accessibilityLabel");
   }
-  return React__default.createElement("span", {
-    className
-  }, accessibilityLabel && React__default.createElement(Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React__default.createElement("span", {
-    className: styles.primary
-  }, icon ? React__default.createElement(Icon, {
-    symbol: icon,
-    size: "sm"
-  }) : React__default.createElement("span", {
-    className: styles.text
-  }, children)), children && (icon || secondaryLabel) && React__default.createElement("span", {
-    className: styles.secondary
-  }, React__default.createElement("span", {
-    className: styles.text
-  }, icon ? React__default.createElement(React__default.Fragment, null, children) : React__default.createElement(React__default.Fragment, null, secondaryLabel))));
+  return jsxRuntimeExports.jsxs("span", {
+    className,
+    children: [accessibilityLabel && jsxRuntimeExports.jsx(Text, {
+      visuallyHidden: true,
+      children: accessibilityLabel
+    }), jsxRuntimeExports.jsx("span", {
+      className: styles.primary,
+      children: icon ? jsxRuntimeExports.jsx(Icon, {
+        symbol: icon,
+        size: "sm"
+      }) : jsxRuntimeExports.jsx("span", {
+        className: styles.text,
+        children
+      })
+    }), children && (icon || secondaryLabel) && jsxRuntimeExports.jsx("span", {
+      className: styles.secondary,
+      children: jsxRuntimeExports.jsx("span", {
+        className: styles.text,
+        children: icon ? jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+          children
+        }) : jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+          children: secondaryLabel
+        })
+      })
+    })]
+  });
 }
 export {
   Badge,

package/Banner/index.js

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

package/Banner/index.mjs

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

package/Button/index.js

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

package/Button/index.mjs

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

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @easypost/easy-ui
 
+## 1.0.0-alpha.113
+
+### Minor Changes
+
+- df25640: feat: support React 19
+
 ## 1.0.0-alpha.112
 
 ### Patch Changes

package/Calendar/index.js

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

package/Calendar/index.mjs

@@ -1,4 +1,4 @@
-import { C } from "../__chunks__/Calendar-BGZysoV0.mjs";
+import { C } from "../__chunks__/Calendar-BOxw8lwX.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-BM2DKiVA.js");
+const Card = require("../__chunks__/Card-DIZFYg6E.js");
 exports.Card = Card.Card;
 exports.pickCardAreaProps = Card.pickCardAreaProps;

package/Card/index.mjs

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

package/CheckableCard/index.js

@@ -31,35 +31,44 @@ 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 Checkbox = require("../__chunks__/Checkbox-D2-8vvdr.js");
-const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
-const Text = require("../__chunks__/Text-CSESKR_s.js");
-const VerticalStack = require("../__chunks__/VerticalStack-Dzpv3O67.js");
+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 textContainer = "_textContainer_e4oa4_4";
 const styles = {
   textContainer
 };
 function CheckableCard(props) {
   const _a = props, { header, children } = _a, checkboxProps = __objRest(_a, ["header", "children"]);
-  return React.createElement(Card.Card, null, React.createElement(VerticalStack.VerticalStack, {
-    gap: "2"
-  }, React.createElement(HorizontalStack.HorizontalStack, {
-    gap: "1.5",
-    blockAlign: "center"
-  }, React.createElement(VerticalStack.VerticalStack, {
-    gap: "1"
-  }, React.createElement(Checkbox.Checkbox, __spreadProps(__spreadValues({}, checkboxProps), {
-    size: "lg"
-  }), React.createElement(Text.Text, {
-    weight: "semibold",
-    as: "h3"
-  }, header)), React.createElement("div", {
-    className: styles.textContainer
-  }, React.createElement(Text.Text, {
-    weight: "medium",
-    color: "neutral.500"
-  }, children))))));
+  return jsxRuntime.jsxRuntimeExports.jsx(Card.Card, {
+    children: jsxRuntime.jsxRuntimeExports.jsx(VerticalStack.VerticalStack, {
+      gap: "2",
+      children: jsxRuntime.jsxRuntimeExports.jsx(HorizontalStack.HorizontalStack, {
+        gap: "1.5",
+        blockAlign: "center",
+        children: jsxRuntime.jsxRuntimeExports.jsxs(VerticalStack.VerticalStack, {
+          gap: "1",
+          children: [jsxRuntime.jsxRuntimeExports.jsx(Checkbox.Checkbox, __spreadProps(__spreadValues({}, checkboxProps), {
+            size: "lg",
+            children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+              weight: "semibold",
+              as: "h3",
+              children: header
+            })
+          })), jsxRuntime.jsxRuntimeExports.jsx("div", {
+            className: styles.textContainer,
+            children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+              weight: "medium",
+              color: "neutral.500",
+              children
+            })
+          })]
+        })
+      })
+    })
+  });
 }
 exports.CheckableCard = CheckableCard;

package/CheckableCard/index.mjs

@@ -29,36 +29,45 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default from "react";
-import { C as Card } from "../__chunks__/Card-CJug4GMX.mjs";
-import { C as Checkbox } from "../__chunks__/Checkbox-BWfY9XqH.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
-import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
-import { V as VerticalStack } from "../__chunks__/VerticalStack-C2yDQVHD.mjs";
+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";
 const textContainer = "_textContainer_e4oa4_4";
 const styles = {
   textContainer
 };
 function CheckableCard(props) {
   const _a = props, { header, children } = _a, checkboxProps = __objRest(_a, ["header", "children"]);
-  return React__default.createElement(Card, null, React__default.createElement(VerticalStack, {
-    gap: "2"
-  }, React__default.createElement(HorizontalStack, {
-    gap: "1.5",
-    blockAlign: "center"
-  }, React__default.createElement(VerticalStack, {
-    gap: "1"
-  }, React__default.createElement(Checkbox, __spreadProps(__spreadValues({}, checkboxProps), {
-    size: "lg"
-  }), React__default.createElement(Text, {
-    weight: "semibold",
-    as: "h3"
-  }, header)), React__default.createElement("div", {
-    className: styles.textContainer
-  }, React__default.createElement(Text, {
-    weight: "medium",
-    color: "neutral.500"
-  }, children))))));
+  return jsxRuntimeExports.jsx(Card, {
+    children: jsxRuntimeExports.jsx(VerticalStack, {
+      gap: "2",
+      children: jsxRuntimeExports.jsx(HorizontalStack, {
+        gap: "1.5",
+        blockAlign: "center",
+        children: jsxRuntimeExports.jsxs(VerticalStack, {
+          gap: "1",
+          children: [jsxRuntimeExports.jsx(Checkbox, __spreadProps(__spreadValues({}, checkboxProps), {
+            size: "lg",
+            children: jsxRuntimeExports.jsx(Text, {
+              weight: "semibold",
+              as: "h3",
+              children: header
+            })
+          })), jsxRuntimeExports.jsx("div", {
+            className: styles.textContainer,
+            children: jsxRuntimeExports.jsx(Text, {
+              weight: "medium",
+              color: "neutral.500",
+              children
+            })
+          })]
+        })
+      })
+    })
+  });
 }
 export {
   CheckableCard

package/Checkbox/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Checkbox = require("../__chunks__/Checkbox-D2-8vvdr.js");
+const Checkbox = require("../__chunks__/Checkbox-DFWhjlaO.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-BWfY9XqH.mjs";
+import { C, D } from "../__chunks__/Checkbox-C-NlI-Ym.mjs";
 export {
   C as Checkbox,
   D as DEFAULT_SIZE

package/CodeBlock/CodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAClD,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAUnE,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,eAAe,CAAC;IAE1B;;OAEG;IACH,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;IAE5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAErD,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAgCnD;kBAhCQ,eAAe;;;AAoCxB,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAErD;kBAFQ,gBAAgB;;;AAMzB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBA8C9C;yBA9Ce,SAAS"}
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAW,MAAM,OAAO,CAAC;AAChE,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAUnE,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,eAAe,CAAC;IAE1B;;OAEG;IACH,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;IAE5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAErD,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAgCnD;kBAhCQ,eAAe;;;AAoCxB,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAErD;kBAFQ,gBAAgB;;;AAMzB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAiD9C;yBAjDe,SAAS"}

package/CodeBlock/context.d.ts

@@ -1,8 +1,9 @@
 import { ReactElement } from "react";
+import { CodeSnippetProps } from "../CodeSnippet";
 import { SnippetLanguage } from "../CodeSnippet/SyntaxHighlighter";
 export type CodeBlockContextType = {
     languages: SnippetLanguage[];
-    snippet: ReactElement;
+    snippet: ReactElement<CodeSnippetProps>;
     language: SnippetLanguage;
     onLanguageChange: (language: SnippetLanguage) => void;
 };

package/CodeBlock/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA6B,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,eAAe,CAAC;IAC1B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sDAE5B,CAAC;AAEF,eAAO,MAAM,YAAY,4BAMxB,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA6B,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,OAAO,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACxC,QAAQ,EAAE,eAAe,CAAC;IAC1B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sDAE5B,CAAC;AAEF,eAAO,MAAM,YAAY,4BAMxB,CAAC"}