@cambly/syntax-core 10.6.0 → 10.7.0-beta.0

package/dist/__chunks/4ONM4N5U.js

@@ -0,0 +1,73 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _3OXEYQS2js = require('./3OXEYQS2.js');
+
+
+var _PTAZUBW6js = require('./PTAZUBW6.js');
+
+
+var _YJ7YDIGBjs = require('./YJ7YDIGB.js');
+
+// src/Chip/Chip.tsx
+var _react = require('react');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+
+// css-module:./Chip.module.css#css-module
+var Chip_module_default = { "chip": "_chip_nvvgx_1", "disabled": "_disabled_nvvgx_12", "selectedChip": "_selectedChip_nvvgx_17", "icon": "_icon_nvvgx_22", "selectedIcon": "_selectedIcon_nvvgx_30", "sm": "_sm_nvvgx_34", "lg": "_lg_nvvgx_40" };
+
+// src/Chip/Chip.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Chip = _react.forwardRef.call(void 0, 
+  ({
+    selected = false,
+    "data-testid": dataTestId,
+    size = "sm",
+    text,
+    onChange,
+    icon: Icon
+  }, ref) => {
+    const isHydrated = _YJ7YDIGBjs.useIsHydrated.call(void 0, );
+    const disabled = !isHydrated;
+    const chipStyles = _classnames2.default.call(void 0, Chip_module_default.chip, Chip_module_default[size], {
+      [Chip_module_default.selectedChip]: selected,
+      [Chip_module_default.disabled]: disabled
+    });
+    const iconStyles = _classnames2.default.call(void 0, Chip_module_default.icon, {
+      [Chip_module_default.selectedIcon]: selected
+    });
+    const typographySize = {
+      ["sm"]: 200,
+      ["lg"]: 300
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "button",
+      {
+        className: chipStyles,
+        disabled,
+        "data-testid": dataTestId,
+        ref,
+        type: "button",
+        "aria-pressed": selected,
+        onClick: onChange,
+        children: [
+          Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: iconStyles }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3OXEYQS2js.Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _PTAZUBW6js.Typography_default,
+            {
+              size: typographySize[size],
+              color: selected ? "white" : "gray900",
+              children: text
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+Chip.displayName = "Chip";
+var Chip_default = Chip;
+
+
+
+exports.Chip_default = Chip_default;
+//# sourceMappingURL=4ONM4N5U.js.map

package/dist/__chunks/4ONM4N5U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Chip/Chip.tsx","css-module:./Chip.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;AAAA,SAAgB,kBAAkB;AAClC,OAAO,gBAAgB;;;ACDgE,IAAO,sBAAQ,EAAC,QAAO,iBAAgB,YAAW,sBAAqB,gBAAe,0BAAyB,QAAO,kBAAiB,gBAAe,0BAAyB,MAAK,gBAAe,MAAK,eAAc;;;ADwEvS,SASW,KATX;AA3BN,IAAM,OAAO;AAAA,EACX,CACE;AAAA,IACE,WAAW;AAAA,IACX,eAAe;AAAA,IACf,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR,GACA,QACG;AACH,UAAM,aAAa,cAAc;AACjC,UAAM,WAAW,CAAC;AAElB,UAAM,aAAa,WAAW,oBAAO,MAAM,oBAAO,IAAI,GAAG;AAAA,MACvD,CAAC,oBAAO,YAAY,GAAG;AAAA,MACvB,CAAC,oBAAO,QAAQ,GAAG;AAAA,IACrB,CAAC;AACD,UAAM,aAAa,WAAW,oBAAO,MAAM;AAAA,MACzC,CAAC,oBAAO,YAAY,GAAG;AAAA,IACzB,CAAC;AACD,UAAM,iBAAiB;AAAA,MACrB,CAAC,IAAI,GAAG;AAAA,MACR,CAAC,IAAI,GAAG;AAAA,IACV;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX;AAAA,QACA,eAAa;AAAA,QACb;AAAA,QACA,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,SAAS;AAAA,QAER;AAAA,kBAAQ,oBAAC,QAAK,WAAW,YAAY;AAAA,UACtC,oBAAC,eAAI,UAAU,OAAO,IAAI,GACxB;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,eAAe,IAAI;AAAA,cACzB,OAAO,WAAW,UAAU;AAAA,cAE3B;AAAA;AAAA,UACH,GACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEnB,IAAO,eAAQ","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport styles from \"./Chip.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\n\ntype ChipProps = {\n  /**\n   * Sets the initial status of this chip component.\n   * * `true` will display a grey chip.\n   * * `false` will display a premium800 color chip.\n   *\n   * @defaultValue \"false\"\n   */\n  selected?: boolean;\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * Size of the chip.\n   *\n   * * `sm`: 32px\n   * * `lg`: 48px\n   *\n   * @defaultValue sm\n   */\n  size?: \"sm\" | \"lg\";\n  /**\n   * The text to be displayed on the chip\n   */\n  text: string;\n  /**\n   * The callback to be called when the chip is clicked\n   */\n  onChange: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The icon to be displayed.\n   */\n  icon?: React.ComponentType<{ className?: string }>;\n};\n/**\n * [Chip](https://cambly-syntax.vercel.app/?path=/docs/components-chip--docs) is used to show status (selected/not selected) like a toggle button.\n */\nconst Chip = forwardRef<HTMLButtonElement, ChipProps>(\n  (\n    {\n      selected = false,\n      \"data-testid\": dataTestId,\n      size = \"sm\",\n      text,\n      onChange,\n      icon: Icon,\n    }: ChipProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated;\n\n    const chipStyles = classnames(styles.chip, styles[size], {\n      [styles.selectedChip]: selected,\n      [styles.disabled]: disabled,\n    });\n    const iconStyles = classnames(styles.icon, {\n      [styles.selectedIcon]: selected,\n    });\n    const typographySize = {\n      [\"sm\"]: 200,\n      [\"lg\"]: 300,\n    } as const;\n    return (\n      <button\n        className={chipStyles}\n        disabled={disabled}\n        data-testid={dataTestId}\n        ref={ref}\n        type=\"button\"\n        aria-pressed={selected}\n        onClick={onChange}\n      >\n        {Icon && <Icon className={iconStyles} />}\n        <Box paddingX={Icon ? 1 : 0}>\n          <Typography\n            size={typographySize[size]}\n            color={selected ? \"white\" : \"gray900\"}\n          >\n            {text}\n          </Typography>\n        </Box>\n      </button>\n    );\n  },\n);\n\nChip.displayName = \"Chip\";\n\nexport default Chip;\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Chip/Chip.module.css\"; export default {\"chip\":\"_chip_nvvgx_1\",\"disabled\":\"_disabled_nvvgx_12\",\"selectedChip\":\"_selectedChip_nvvgx_17\",\"icon\":\"_icon_nvvgx_22\",\"selectedIcon\":\"_selectedIcon_nvvgx_30\",\"sm\":\"_sm_nvvgx_34\",\"lg\":\"_lg_nvvgx_40\"}"]}

package/dist/__chunks/4U36457H.mjs

@@ -0,0 +1,110 @@
+import {
+  Layer
+} from "./MF2FZIOI.mjs";
+import {
+  FocusTrap
+} from "./PGVLU6C3.mjs";
+import {
+  Heading_default
+} from "./A2VHEPTR.mjs";
+import {
+  Box_default
+} from "./HJYCSDLB.mjs";
+import {
+  StopScroll
+} from "./UCMB6MFN.mjs";
+
+// src/Modal/Modal.tsx
+import classnames from "classnames";
+
+// css-module:./Modal.module.css#css-module
+var Modal_module_default = { "backdrop": "_backdrop_30t3h_1", "closeButton": "_closeButton_30t3h_12", "closeButtonWithImage": "_closeButtonWithImage_30t3h_32" };
+
+// src/Modal/Modal.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function XIcon({ color = "#000" }) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", fill: color, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "inherit",
+      d: "M11.25.758a.83.83 0 0 0-1.175 0L6 4.825 1.925.75A.83.83 0 1 0 .75 1.925L4.825 6 .75 10.075a.83.83 0 1 0 1.175 1.175L6 7.175l4.075 4.075a.83.83 0 1 0 1.175-1.175L7.175 6l4.075-4.075a.835.835 0 0 0 0-1.167Z"
+    }
+  ) });
+}
+var sizeWidth = {
+  sm: 400,
+  lg: 600
+};
+function Modal({
+  header,
+  children,
+  image,
+  onDismiss,
+  footer,
+  accessibilityCloseLabel = "close modal",
+  size = "sm",
+  zIndex = 1,
+  "data-testid": dataTestId
+}) {
+  return /* @__PURE__ */ jsx(Layer, { zIndex, children: /* @__PURE__ */ jsx(StopScroll, { children: /* @__PURE__ */ jsx(FocusTrap, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: Modal_module_default.backdrop,
+      role: "presentation",
+      onClick: (e) => e.target === e.currentTarget && onDismiss(),
+      onKeyDown: (e) => e.key === "Escape" && onDismiss(),
+      children: /* @__PURE__ */ jsxs(
+        Box_default,
+        {
+          "data-testid": dataTestId,
+          backgroundColor: "white",
+          rounding: "xl",
+          display: "flex",
+          direction: "column",
+          minWidth: 240,
+          maxWidth: sizeWidth[size],
+          width: "100%",
+          dangerouslySetInlineStyle: { __style: { overflow: "hidden" } },
+          children: [
+            /* @__PURE__ */ jsx(Box_default, { position: "relative", children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                "aria-label": accessibilityCloseLabel,
+                type: "button",
+                className: classnames(Modal_module_default.closeButton, {
+                  [Modal_module_default.closeButtonWithImage]: !!image
+                }),
+                onClick: onDismiss,
+                children: /* @__PURE__ */ jsx(XIcon, { color: image ? "#fff" : "#000" })
+              }
+            ) }),
+            image && /* @__PURE__ */ jsx(Box_default, { maxHeight: 200, children: image }),
+            /* @__PURE__ */ jsxs(Box_default, { display: "flex", gap: 3, direction: "column", padding: 9, children: [
+              /* @__PURE__ */ jsx(Heading_default, { as: "h1", size: 500, children: header }),
+              /* @__PURE__ */ jsx(Box_default, { marginBottom: 4, children }),
+              footer && /* @__PURE__ */ jsx(
+                Box_default,
+                {
+                  display: "flex",
+                  direction: "column",
+                  gap: 3,
+                  smDirection: "row",
+                  smJustifyContent: "end",
+                  lgDirection: "row",
+                  lgJustifyContent: "end",
+                  children: footer
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  ) }) }) });
+}
+Modal.displayName = "Modal";
+
+export {
+  Modal
+};
+//# sourceMappingURL=4U36457H.mjs.map

package/dist/__chunks/4U36457H.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Modal/Modal.tsx","css-module:./Modal.module.css#css-module"],"sourcesContent":["import { type ReactElement } from \"react\";\nimport classnames from \"classnames\";\n\nimport Heading from \"../Heading/Heading\";\nimport Box from \"../Box/Box\";\n\nimport FocusTrap from \"./FocusTrap\";\nimport StopScroll from \"./StopScroll\";\nimport Layer from \"./Layer\";\nimport styles from \"./Modal.module.css\";\n\nfunction XIcon({ color = \"#000\" }: { color?: string }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill={color}>\n      <path\n        fill=\"inherit\"\n        d=\"M11.25.758a.83.83 0 0 0-1.175 0L6 4.825 1.925.75A.83.83 0 1 0 .75 1.925L4.825 6 .75 10.075a.83.83 0 1 0 1.175 1.175L6 7.175l4.075 4.075a.83.83 0 1 0 1.175-1.175L7.175 6l4.075-4.075a.835.835 0 0 0 0-1.167Z\"\n      />\n    </svg>\n  );\n}\n\n// Note: Only sm + lg size currently. design thinks there should only be two sizes.\n// If there IS a md size at some point, we should use the \"size\" const.\nconst sizeWidth = {\n  sm: 400,\n  lg: 600,\n} as const;\n\n/**\n * [Modal](https://cambly-syntax.vercel.app/?path=/docs/components-modal--docs) is a dialog that appears on top of the main content and locks user interaction within the modal.\n *\n ```\n  const [showModal, setShowModal] = useState(false)\n\n  return (\n    <>\n      {showModal && <Modal\n        header=\"header text\"\n        onDismiss={() => setShowModal(false)}\n        footer={\n          <>\n            <Button\n              text=\"Cancel\"\n              color=\"secondary\"\n              onClick={() => {}}\n            />\n            <Button\n              text=\"Confirm\"\n              onClick={() => {}}\n            />\n          </>\n        }\n      >\n        <Typography>\n          Body text goes here!\n        </Typography>\n      </Modal> }\n    </>\n  )\n  ```\n */\nexport default function Modal({\n  header,\n  children,\n  image,\n  onDismiss,\n  footer,\n  accessibilityCloseLabel = \"close modal\",\n  size = \"sm\",\n  zIndex = 1,\n  \"data-testid\": dataTestId,\n}: {\n  /**\n   * The modal's main content. Should typically take in `Typography`'d text.\n   */\n  children: JSX.Element;\n  /**\n   * The header inside a modal as a string.\n   */\n  header: string;\n  /**\n   * What the X button (or clicking out of the modal area) does.\n   * Typically used for closing the Modal\n   */\n  onDismiss: () => void;\n  /**\n   * The optional image rendered above the Modal.\n   * Image size should be 400w x 200h.\n   * If images aren't that sized, should ask design to give another image.\n   */\n  image?: JSX.Element;\n  /**\n   * The footer for the bottom area of the Modal. Typically used for rendering buttons.\n   * * Use Syntax `Button` and pass it into footer.\n   * * If one button, just pass it in. If two, wrap in a React fragment (`<> </>`)\n   * * If two(2) buttons, put primary button _second_.\n   *\n      <>\n        <Button\n          text=\"Cancel\"\n          color=\"secondary\"\n          onClick={() => {}}\n        />\n        <Button\n          text=\"Confirm\"\n          onClick={() => {}}\n        />\n      </>\n   */\n  footer?: JSX.Element;\n  /**\n   * The accessibilty text on the close button.\n   * (Sets the aria-label of the button)\n   *\n   *\n   * @defaultValue close modal\n   */\n  accessibilityCloseLabel?: string;\n  /**\n   * The size of the card\n   *\n   * * `sm`: 400px\n   * * `lg`: 600px\n   *\n   *\n   * @defaultValue sm\n   */\n  size?: keyof typeof sizeWidth;\n  /**\n   * The z-index for the modal.\n   * Typically used if there are other things on the page with higher z-index and you need this overlayed on top.\n   *\n   * @defaultValue 0\n   */\n  zIndex?: number;\n  /**\n   * Test id for the modal\n   */\n  \"data-testid\"?: string;\n}): ReactElement {\n  return (\n    <Layer zIndex={zIndex}>\n      <StopScroll>\n        <FocusTrap>\n          <div\n            className={styles.backdrop}\n            role=\"presentation\"\n            onClick={(e) => e.target === e.currentTarget && onDismiss()}\n            onKeyDown={(e) => e.key === \"Escape\" && onDismiss()}\n          >\n            <Box\n              data-testid={dataTestId}\n              backgroundColor=\"white\"\n              rounding=\"xl\"\n              display=\"flex\"\n              direction=\"column\"\n              minWidth={240}\n              maxWidth={sizeWidth[size]}\n              width=\"100%\"\n              dangerouslySetInlineStyle={{ __style: { overflow: \"hidden\" } }}\n            >\n              <Box position=\"relative\">\n                <button\n                  aria-label={accessibilityCloseLabel}\n                  type=\"button\"\n                  className={classnames(styles.closeButton, {\n                    [styles.closeButtonWithImage]: !!image,\n                  })}\n                  onClick={onDismiss}\n                >\n                  <XIcon color={image ? \"#fff\" : \"#000\"} />\n                </button>\n              </Box>\n              {image && <Box maxHeight={200}>{image}</Box>}\n              <Box display=\"flex\" gap={3} direction=\"column\" padding={9}>\n                <Heading as=\"h1\" size={500}>\n                  {header}\n                </Heading>\n                <Box marginBottom={4}>{children}</Box>\n                {footer && (\n                  <Box\n                    display=\"flex\"\n                    direction=\"column\"\n                    gap={3}\n                    smDirection=\"row\"\n                    smJustifyContent=\"end\"\n                    lgDirection=\"row\"\n                    lgJustifyContent=\"end\"\n                  >\n                    {footer}\n                  </Box>\n                )}\n              </Box>\n            </Box>\n          </div>\n        </FocusTrap>\n      </StopScroll>\n    </Layer>\n  );\n}\n\nModal.displayName = \"Modal\";\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Modal/Modal.module.css\"; export default {\"backdrop\":\"_backdrop_30t3h_1\",\"closeButton\":\"_closeButton_30t3h_12\",\"closeButtonWithImage\":\"_closeButtonWithImage_30t3h_32\"}"],"mappings":";;;;;;;;;;;;;;;;;AACA,OAAO,gBAAgB;;;ACDkE,IAAO,uBAAQ,EAAC,YAAW,qBAAoB,eAAc,yBAAwB,wBAAuB,iCAAgC;;;ADc/N,cAiKQ,YAjKR;AAHN,SAAS,MAAM,EAAE,QAAQ,OAAO,GAAuB;AACrD,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAM,OACnE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,GACF;AAEJ;AAIA,IAAM,YAAY;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN;AAmCe,SAAR,MAAuB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,0BAA0B;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AACjB,GAoEiB;AACf,SACE,oBAAC,SAAM,QACL,8BAAC,cACC,8BAAC,aACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,qBAAO;AAAA,MAClB,MAAK;AAAA,MACL,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,iBAAiB,UAAU;AAAA,MAC1D,WAAW,CAAC,MAAM,EAAE,QAAQ,YAAY,UAAU;AAAA,MAElD;AAAA,QAAC;AAAA;AAAA,UACC,eAAa;AAAA,UACb,iBAAgB;AAAA,UAChB,UAAS;AAAA,UACT,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAU,UAAU,IAAI;AAAA,UACxB,OAAM;AAAA,UACN,2BAA2B,EAAE,SAAS,EAAE,UAAU,SAAS,EAAE;AAAA,UAE7D;AAAA,gCAAC,eAAI,UAAS,YACZ;AAAA,cAAC;AAAA;AAAA,gBACC,cAAY;AAAA,gBACZ,MAAK;AAAA,gBACL,WAAW,WAAW,qBAAO,aAAa;AAAA,kBACxC,CAAC,qBAAO,oBAAoB,GAAG,CAAC,CAAC;AAAA,gBACnC,CAAC;AAAA,gBACD,SAAS;AAAA,gBAET,8BAAC,SAAM,OAAO,QAAQ,SAAS,QAAQ;AAAA;AAAA,YACzC,GACF;AAAA,YACC,SAAS,oBAAC,eAAI,WAAW,KAAM,iBAAM;AAAA,YACtC,qBAAC,eAAI,SAAQ,QAAO,KAAK,GAAG,WAAU,UAAS,SAAS,GACtD;AAAA,kCAAC,mBAAQ,IAAG,MAAK,MAAM,KACpB,kBACH;AAAA,cACA,oBAAC,eAAI,cAAc,GAAI,UAAS;AAAA,cAC/B,UACC;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,KAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,kBAAiB;AAAA,kBACjB,aAAY;AAAA,kBACZ,kBAAiB;AAAA,kBAEhB;AAAA;AAAA,cACH;AAAA,eAEJ;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACF,GACF,GACF;AAEJ;AAEA,MAAM,cAAc;","names":[]}

package/dist/__chunks/4VIJNV7V.mjs

@@ -0,0 +1,216 @@
+import {
+  colors_module_default
+} from "./NCGV4CPL.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./CUDAH5IW.mjs";
+
+// src/Box/Box.tsx
+import classNames from "classnames";
+
+// css-module:./Box.module.css#css-module
+var Box_module_default = { "box": "_box_33gse_1", "flexnone": "_flexnone_33gse_5", "flexgrow": "_flexgrow_33gse_9", "flexWrap": "_flexWrap_33gse_13", "alignItemscenter": "_alignItemscenter_33gse_18", "alignItemsstart": "_alignItemsstart_33gse_22", "alignItemsend": "_alignItemsend_33gse_26", "alignItemsstretch": "_alignItemsstretch_33gse_30", "alignItemsbaseline": "_alignItemsbaseline_33gse_34", "alignItemscenterSmall": "_alignItemscenterSmall_33gse_40", "alignItemsstartSmall": "_alignItemsstartSmall_33gse_44", "alignItemsendSmall": "_alignItemsendSmall_33gse_48", "alignItemsstretchSmall": "_alignItemsstretchSmall_33gse_52", "alignItemsbaselineSmall": "_alignItemsbaselineSmall_33gse_56", "alignItemscenterLarge": "_alignItemscenterLarge_33gse_63", "alignItemsstartLarge": "_alignItemsstartLarge_33gse_67", "alignItemsendLarge": "_alignItemsendLarge_33gse_71", "alignItemsstretchLarge": "_alignItemsstretchLarge_33gse_75", "alignItemsbaselineLarge": "_alignItemsbaselineLarge_33gse_79", "alignSelfcenter": "_alignSelfcenter_33gse_85", "alignSelfstart": "_alignSelfstart_33gse_89", "alignSelfend": "_alignSelfend_33gse_93", "alignSelfstretch": "_alignSelfstretch_33gse_97", "alignSelfbaseline": "_alignSelfbaseline_33gse_101", "alignSelfauto": "_alignSelfauto_33gse_105", "roundingsm": "_roundingsm_33gse_110", "roundingmd": "_roundingmd_33gse_114", "roundinglg": "_roundinglg_33gse_118", "roundingxl": "_roundingxl_33gse_122", "roundingfull": "_roundingfull_33gse_126", "block": "_block_33gse_131", "flex": "_flex_33gse_5", "inlineBlock": "_inlineBlock_33gse_139", "none": "_none_33gse_143", "visuallyHidden": "_visuallyHidden_33gse_147", "blockSmall": "_blockSmall_33gse_161", "flexSmall": "_flexSmall_33gse_165", "inlineBlockSmall": "_inlineBlockSmall_33gse_169", "noneSmall": "_noneSmall_33gse_173", "visuallyHiddenSmall": "_visuallyHiddenSmall_33gse_177", "blockLarge": "_blockLarge_33gse_192", "flexLarge": "_flexLarge_33gse_196", "inlineBlockLarge": "_inlineBlockLarge_33gse_200", "noneLarge": "_noneLarge_33gse_204", "visuallyHiddenLarge": "_visuallyHiddenLarge_33gse_208", "column": "_column_33gse_222", "row": "_row_33gse_226", "columnSmall": "_columnSmall_33gse_232", "rowSmall": "_rowSmall_33gse_236", "columnLarge": "_columnLarge_33gse_243", "rowLarge": "_rowLarge_33gse_247", "gap0": "_gap0_33gse_253", "gap1": "_gap1_33gse_257", "gap2": "_gap2_33gse_261", "gap3": "_gap3_33gse_265", "gap4": "_gap4_33gse_269", "gap5": "_gap5_33gse_273", "gap6": "_gap6_33gse_277", "gap7": "_gap7_33gse_281", "gap8": "_gap8_33gse_285", "gap9": "_gap9_33gse_289", "gap10": "_gap10_33gse_293", "gap11": "_gap11_33gse_297", "gap12": "_gap12_33gse_301", "justifyContentcenter": "_justifyContentcenter_33gse_306", "justifyContentstart": "_justifyContentstart_33gse_310", "justifyContentend": "_justifyContentend_33gse_314", "justifyContentbetween": "_justifyContentbetween_33gse_318", "justifyContentaround": "_justifyContentaround_33gse_322", "justifyContentevenly": "_justifyContentevenly_33gse_326", "justifyContentcenterSmall": "_justifyContentcenterSmall_33gse_332", "justifyContentstartSmall": "_justifyContentstartSmall_33gse_336", "justifyContentendSmall": "_justifyContentendSmall_33gse_340", "justifyContentbetweenSmall": "_justifyContentbetweenSmall_33gse_344", "justifyContentaroundSmall": "_justifyContentaroundSmall_33gse_348", "justifyContentevenlySmall": "_justifyContentevenlySmall_33gse_352", "justifyContentcenterLarge": "_justifyContentcenterLarge_33gse_359", "justifyContentstartLarge": "_justifyContentstartLarge_33gse_363", "justifyContentendLarge": "_justifyContentendLarge_33gse_367", "justifyContentbetweenLarge": "_justifyContentbetweenLarge_33gse_371", "justifyContentaroundLarge": "_justifyContentaroundLarge_33gse_375", "justifyContentevenlyLarge": "_justifyContentevenlyLarge_33gse_379", "absolute": "_absolute_33gse_385", "fixed": "_fixed_33gse_389", "relative": "_relative_33gse_393", "sticky": "_sticky_33gse_397" };
+
+// css-module:./margin.module.css#css-module
+var margin_module_default = { "marginBottom-12": "_marginBottom-12_1whn1_2", "marginBottom-11": "_marginBottom-11_1whn1_6", "marginBottom-10": "_marginBottom-10_1whn1_10", "marginBottom-9": "_marginBottom-9_1whn1_14", "marginBottom-8": "_marginBottom-8_1whn1_18", "marginBottom-7": "_marginBottom-7_1whn1_22", "marginBottom-6": "_marginBottom-6_1whn1_26", "marginBottom-5": "_marginBottom-5_1whn1_30", "marginBottom-4": "_marginBottom-4_1whn1_34", "marginBottom-3": "_marginBottom-3_1whn1_38", "marginBottom-2": "_marginBottom-2_1whn1_42", "marginBottom-1": "_marginBottom-1_1whn1_2", "marginBottom0": "_marginBottom0_1whn1_50", "marginBottom1": "_marginBottom1_1whn1_54", "marginBottom2": "_marginBottom2_1whn1_58", "marginBottom3": "_marginBottom3_1whn1_62", "marginBottom4": "_marginBottom4_1whn1_66", "marginBottom5": "_marginBottom5_1whn1_70", "marginBottom6": "_marginBottom6_1whn1_74", "marginBottom7": "_marginBottom7_1whn1_78", "marginBottom8": "_marginBottom8_1whn1_82", "marginBottom9": "_marginBottom9_1whn1_86", "marginBottom10": "_marginBottom10_1whn1_90", "marginBottom11": "_marginBottom11_1whn1_94", "marginBottom12": "_marginBottom12_1whn1_98", "marginBottomauto": "_marginBottomauto_1whn1_102", "marginEnd-12": "_marginEnd-12_1whn1_107", "marginEnd-11": "_marginEnd-11_1whn1_111", "marginEnd-10": "_marginEnd-10_1whn1_115", "marginEnd-9": "_marginEnd-9_1whn1_119", "marginEnd-8": "_marginEnd-8_1whn1_123", "marginEnd-7": "_marginEnd-7_1whn1_127", "marginEnd-6": "_marginEnd-6_1whn1_131", "marginEnd-5": "_marginEnd-5_1whn1_135", "marginEnd-4": "_marginEnd-4_1whn1_139", "marginEnd-3": "_marginEnd-3_1whn1_143", "marginEnd-2": "_marginEnd-2_1whn1_147", "marginEnd-1": "_marginEnd-1_1whn1_107", "marginEnd0": "_marginEnd0_1whn1_155", "marginEnd1": "_marginEnd1_1whn1_159", "marginEnd2": "_marginEnd2_1whn1_163", "marginEnd3": "_marginEnd3_1whn1_167", "marginEnd4": "_marginEnd4_1whn1_171", "marginEnd5": "_marginEnd5_1whn1_175", "marginEnd6": "_marginEnd6_1whn1_179", "marginEnd7": "_marginEnd7_1whn1_183", "marginEnd8": "_marginEnd8_1whn1_187", "marginEnd9": "_marginEnd9_1whn1_191", "marginEnd10": "_marginEnd10_1whn1_195", "marginEnd11": "_marginEnd11_1whn1_199", "marginEnd12": "_marginEnd12_1whn1_203", "marginEndauto": "_marginEndauto_1whn1_207", "marginStart-12": "_marginStart-12_1whn1_212", "marginStart-11": "_marginStart-11_1whn1_216", "marginStart-10": "_marginStart-10_1whn1_220", "marginStart-9": "_marginStart-9_1whn1_224", "marginStart-8": "_marginStart-8_1whn1_228", "marginStart-7": "_marginStart-7_1whn1_232", "marginStart-6": "_marginStart-6_1whn1_236", "marginStart-5": "_marginStart-5_1whn1_240", "marginStart-4": "_marginStart-4_1whn1_244", "marginStart-3": "_marginStart-3_1whn1_248", "marginStart-2": "_marginStart-2_1whn1_252", "marginStart-1": "_marginStart-1_1whn1_212", "marginStart0": "_marginStart0_1whn1_260", "marginStart1": "_marginStart1_1whn1_264", "marginStart2": "_marginStart2_1whn1_268", "marginStart3": "_marginStart3_1whn1_272", "marginStart4": "_marginStart4_1whn1_276", "marginStart5": "_marginStart5_1whn1_280", "marginStart6": "_marginStart6_1whn1_284", "marginStart7": "_marginStart7_1whn1_288", "marginStart8": "_marginStart8_1whn1_292", "marginStart9": "_marginStart9_1whn1_296", "marginStart10": "_marginStart10_1whn1_300", "marginStart11": "_marginStart11_1whn1_304", "marginStart12": "_marginStart12_1whn1_308", "marginStartauto": "_marginStartauto_1whn1_312", "marginTop-12": "_marginTop-12_1whn1_317", "marginTop-11": "_marginTop-11_1whn1_321", "marginTop-10": "_marginTop-10_1whn1_325", "marginTop-9": "_marginTop-9_1whn1_329", "marginTop-8": "_marginTop-8_1whn1_333", "marginTop-7": "_marginTop-7_1whn1_337", "marginTop-6": "_marginTop-6_1whn1_341", "marginTop-5": "_marginTop-5_1whn1_345", "marginTop-4": "_marginTop-4_1whn1_349", "marginTop-3": "_marginTop-3_1whn1_353", "marginTop-2": "_marginTop-2_1whn1_357", "marginTop-1": "_marginTop-1_1whn1_317", "marginTop0": "_marginTop0_1whn1_365", "marginTop1": "_marginTop1_1whn1_369", "marginTop2": "_marginTop2_1whn1_373", "marginTop3": "_marginTop3_1whn1_377", "marginTop4": "_marginTop4_1whn1_381", "marginTop5": "_marginTop5_1whn1_385", "marginTop6": "_marginTop6_1whn1_389", "marginTop7": "_marginTop7_1whn1_393", "marginTop8": "_marginTop8_1whn1_397", "marginTop9": "_marginTop9_1whn1_401", "marginTop10": "_marginTop10_1whn1_405", "marginTop11": "_marginTop11_1whn1_409", "marginTop12": "_marginTop12_1whn1_413", "marginTopauto": "_marginTopauto_1whn1_417", "marginBottom-12Small": "_marginBottom-12Small_1whn1_423", "marginBottom-11Small": "_marginBottom-11Small_1whn1_427", "marginBottom-10Small": "_marginBottom-10Small_1whn1_431", "marginBottom-9Small": "_marginBottom-9Small_1whn1_435", "marginBottom-8Small": "_marginBottom-8Small_1whn1_439", "marginBottom-7Small": "_marginBottom-7Small_1whn1_443", "marginBottom-6Small": "_marginBottom-6Small_1whn1_447", "marginBottom-5Small": "_marginBottom-5Small_1whn1_451", "marginBottom-4Small": "_marginBottom-4Small_1whn1_455", "marginBottom-3Small": "_marginBottom-3Small_1whn1_459", "marginBottom-2Small": "_marginBottom-2Small_1whn1_463", "marginBottom-1Small": "_marginBottom-1Small_1whn1_467", "marginBottom0Small": "_marginBottom0Small_1whn1_471", "marginBottom1Small": "_marginBottom1Small_1whn1_475", "marginBottom2Small": "_marginBottom2Small_1whn1_479", "marginBottom3Small": "_marginBottom3Small_1whn1_483", "marginBottom4Small": "_marginBottom4Small_1whn1_487", "marginBottom5Small": "_marginBottom5Small_1whn1_491", "marginBottom6Small": "_marginBottom6Small_1whn1_495", "marginBottom7Small": "_marginBottom7Small_1whn1_499", "marginBottom8Small": "_marginBottom8Small_1whn1_503", "marginBottom9Small": "_marginBottom9Small_1whn1_507", "marginBottom10Small": "_marginBottom10Small_1whn1_511", "marginBottom11Small": "_marginBottom11Small_1whn1_515", "marginBottom12Small": "_marginBottom12Small_1whn1_519", "marginBottomautoSmall": "_marginBottomautoSmall_1whn1_523", "marginEnd-12Small": "_marginEnd-12Small_1whn1_527", "marginEnd-11Small": "_marginEnd-11Small_1whn1_531", "marginEnd-10Small": "_marginEnd-10Small_1whn1_535", "marginEnd-9Small": "_marginEnd-9Small_1whn1_539", "marginEnd-8Small": "_marginEnd-8Small_1whn1_543", "marginEnd-7Small": "_marginEnd-7Small_1whn1_547", "marginEnd-6Small": "_marginEnd-6Small_1whn1_551", "marginEnd-5Small": "_marginEnd-5Small_1whn1_555", "marginEnd-4Small": "_marginEnd-4Small_1whn1_559", "marginEnd-3Small": "_marginEnd-3Small_1whn1_563", "marginEnd-2Small": "_marginEnd-2Small_1whn1_567", "marginEnd-1Small": "_marginEnd-1Small_1whn1_571", "marginEnd0Small": "_marginEnd0Small_1whn1_575", "marginEnd1Small": "_marginEnd1Small_1whn1_579", "marginEnd2Small": "_marginEnd2Small_1whn1_583", "marginEnd3Small": "_marginEnd3Small_1whn1_587", "marginEnd4Small": "_marginEnd4Small_1whn1_591", "marginEnd5Small": "_marginEnd5Small_1whn1_595", "marginEnd6Small": "_marginEnd6Small_1whn1_599", "marginEnd7Small": "_marginEnd7Small_1whn1_603", "marginEnd8Small": "_marginEnd8Small_1whn1_607", "marginEnd9Small": "_marginEnd9Small_1whn1_611", "marginEnd10Small": "_marginEnd10Small_1whn1_615", "marginEnd11Small": "_marginEnd11Small_1whn1_619", "marginEnd12Small": "_marginEnd12Small_1whn1_623", "marginEndautoSmall": "_marginEndautoSmall_1whn1_627", "marginStart-12Small": "_marginStart-12Small_1whn1_631", "marginStart-11Small": "_marginStart-11Small_1whn1_635", "marginStart-10Small": "_marginStart-10Small_1whn1_639", "marginStart-9Small": "_marginStart-9Small_1whn1_643", "marginStart-8Small": "_marginStart-8Small_1whn1_647", "marginStart-7Small": "_marginStart-7Small_1whn1_651", "marginStart-6Small": "_marginStart-6Small_1whn1_655", "marginStart-5Small": "_marginStart-5Small_1whn1_659", "marginStart-4Small": "_marginStart-4Small_1whn1_663", "marginStart-3Small": "_marginStart-3Small_1whn1_667", "marginStart-2Small": "_marginStart-2Small_1whn1_671", "marginStart-1Small": "_marginStart-1Small_1whn1_675", "marginStart0Small": "_marginStart0Small_1whn1_679", "marginStart1Small": "_marginStart1Small_1whn1_683", "marginStart2Small": "_marginStart2Small_1whn1_687", "marginStart3Small": "_marginStart3Small_1whn1_691", "marginStart4Small": "_marginStart4Small_1whn1_695", "marginStart5Small": "_marginStart5Small_1whn1_699", "marginStart6Small": "_marginStart6Small_1whn1_703", "marginStart7Small": "_marginStart7Small_1whn1_707", "marginStart8Small": "_marginStart8Small_1whn1_711", "marginStart9Small": "_marginStart9Small_1whn1_715", "marginStart10Small": "_marginStart10Small_1whn1_719", "marginStart11Small": "_marginStart11Small_1whn1_723", "marginStart12Small": "_marginStart12Small_1whn1_727", "marginStartautoSmall": "_marginStartautoSmall_1whn1_731", "marginTop-12Small": "_marginTop-12Small_1whn1_735", "marginTop-11Small": "_marginTop-11Small_1whn1_739", "marginTop-10Small": "_marginTop-10Small_1whn1_743", "marginTop-9Small": "_marginTop-9Small_1whn1_747", "marginTop-8Small": "_marginTop-8Small_1whn1_751", "marginTop-7Small": "_marginTop-7Small_1whn1_755", "marginTop-6Small": "_marginTop-6Small_1whn1_759", "marginTop-5Small": "_marginTop-5Small_1whn1_763", "marginTop-4Small": "_marginTop-4Small_1whn1_767", "marginTop-3Small": "_marginTop-3Small_1whn1_771", "marginTop-2Small": "_marginTop-2Small_1whn1_775", "marginTop-1Small": "_marginTop-1Small_1whn1_779", "marginTop0Small": "_marginTop0Small_1whn1_783", "marginTop1Small": "_marginTop1Small_1whn1_787", "marginTop2Small": "_marginTop2Small_1whn1_791", "marginTop3Small": "_marginTop3Small_1whn1_795", "marginTop4Small": "_marginTop4Small_1whn1_799", "marginTop5Small": "_marginTop5Small_1whn1_803", "marginTop6Small": "_marginTop6Small_1whn1_807", "marginTop7Small": "_marginTop7Small_1whn1_811", "marginTop8Small": "_marginTop8Small_1whn1_815", "marginTop9Small": "_marginTop9Small_1whn1_819", "marginTop10Small": "_marginTop10Small_1whn1_823", "marginTop11Small": "_marginTop11Small_1whn1_827", "marginTop12Small": "_marginTop12Small_1whn1_831", "marginTopautoSmall": "_marginTopautoSmall_1whn1_835", "marginBottom-12Large": "_marginBottom-12Large_1whn1_842", "marginBottom-11Large": "_marginBottom-11Large_1whn1_846", "marginBottom-10Large": "_marginBottom-10Large_1whn1_850", "marginBottom-9Large": "_marginBottom-9Large_1whn1_854", "marginBottom-8Large": "_marginBottom-8Large_1whn1_858", "marginBottom-7Large": "_marginBottom-7Large_1whn1_862", "marginBottom-6Large": "_marginBottom-6Large_1whn1_866", "marginBottom-5Large": "_marginBottom-5Large_1whn1_870", "marginBottom-4Large": "_marginBottom-4Large_1whn1_874", "marginBottom-3Large": "_marginBottom-3Large_1whn1_878", "marginBottom-2Large": "_marginBottom-2Large_1whn1_882", "marginBottom-1Large": "_marginBottom-1Large_1whn1_886", "marginBottom0Large": "_marginBottom0Large_1whn1_890", "marginBottom1Large": "_marginBottom1Large_1whn1_894", "marginBottom2Large": "_marginBottom2Large_1whn1_898", "marginBottom3Large": "_marginBottom3Large_1whn1_902", "marginBottom4Large": "_marginBottom4Large_1whn1_906", "marginBottom5Large": "_marginBottom5Large_1whn1_910", "marginBottom6Large": "_marginBottom6Large_1whn1_914", "marginBottom7Large": "_marginBottom7Large_1whn1_918", "marginBottom8Large": "_marginBottom8Large_1whn1_922", "marginBottom9Large": "_marginBottom9Large_1whn1_926", "marginBottom10Large": "_marginBottom10Large_1whn1_930", "marginBottom11Large": "_marginBottom11Large_1whn1_934", "marginBottom12Large": "_marginBottom12Large_1whn1_938", "marginBottomautoLarge": "_marginBottomautoLarge_1whn1_942", "marginEnd-12Large": "_marginEnd-12Large_1whn1_946", "marginEnd-11Large": "_marginEnd-11Large_1whn1_950", "marginEnd-10Large": "_marginEnd-10Large_1whn1_954", "marginEnd-9Large": "_marginEnd-9Large_1whn1_958", "marginEnd-8Large": "_marginEnd-8Large_1whn1_962", "marginEnd-7Large": "_marginEnd-7Large_1whn1_966", "marginEnd-6Large": "_marginEnd-6Large_1whn1_970", "marginEnd-5Large": "_marginEnd-5Large_1whn1_974", "marginEnd-4Large": "_marginEnd-4Large_1whn1_978", "marginEnd-3Large": "_marginEnd-3Large_1whn1_982", "marginEnd-2Large": "_marginEnd-2Large_1whn1_986", "marginEnd-1Large": "_marginEnd-1Large_1whn1_990", "marginEnd0Large": "_marginEnd0Large_1whn1_994", "marginEnd1Large": "_marginEnd1Large_1whn1_998", "marginEnd2Large": "_marginEnd2Large_1whn1_1002", "marginEnd3Large": "_marginEnd3Large_1whn1_1006", "marginEnd4Large": "_marginEnd4Large_1whn1_1010", "marginEnd5Large": "_marginEnd5Large_1whn1_1014", "marginEnd6Large": "_marginEnd6Large_1whn1_1018", "marginEnd7Large": "_marginEnd7Large_1whn1_1022", "marginEnd8Large": "_marginEnd8Large_1whn1_1026", "marginEnd9Large": "_marginEnd9Large_1whn1_1030", "marginEnd10Large": "_marginEnd10Large_1whn1_1034", "marginEnd11Large": "_marginEnd11Large_1whn1_1038", "marginEnd12Large": "_marginEnd12Large_1whn1_1042", "marginEndautoLarge": "_marginEndautoLarge_1whn1_1046", "marginStart-12Large": "_marginStart-12Large_1whn1_1050", "marginStart-11Large": "_marginStart-11Large_1whn1_1054", "marginStart-10Large": "_marginStart-10Large_1whn1_1058", "marginStart-9Large": "_marginStart-9Large_1whn1_1062", "marginStart-8Large": "_marginStart-8Large_1whn1_1066", "marginStart-7Large": "_marginStart-7Large_1whn1_1070", "marginStart-6Large": "_marginStart-6Large_1whn1_1074", "marginStart-5Large": "_marginStart-5Large_1whn1_1078", "marginStart-4Large": "_marginStart-4Large_1whn1_1082", "marginStart-3Large": "_marginStart-3Large_1whn1_1086", "marginStart-2Large": "_marginStart-2Large_1whn1_1090", "marginStart-1Large": "_marginStart-1Large_1whn1_1094", "marginStart0Large": "_marginStart0Large_1whn1_1098", "marginStart1Large": "_marginStart1Large_1whn1_1102", "marginStart2Large": "_marginStart2Large_1whn1_1106", "marginStart3Large": "_marginStart3Large_1whn1_1110", "marginStart4Large": "_marginStart4Large_1whn1_1114", "marginStart5Large": "_marginStart5Large_1whn1_1118", "marginStart6Large": "_marginStart6Large_1whn1_1122", "marginStart7Large": "_marginStart7Large_1whn1_1126", "marginStart8Large": "_marginStart8Large_1whn1_1130", "marginStart9Large": "_marginStart9Large_1whn1_1134", "marginStart10Large": "_marginStart10Large_1whn1_1138", "marginStart11Large": "_marginStart11Large_1whn1_1142", "marginStart12Large": "_marginStart12Large_1whn1_1146", "marginStartautoLarge": "_marginStartautoLarge_1whn1_1150", "marginTop-12Large": "_marginTop-12Large_1whn1_1154", "marginTop-11Large": "_marginTop-11Large_1whn1_1158", "marginTop-10Large": "_marginTop-10Large_1whn1_1162", "marginTop-9Large": "_marginTop-9Large_1whn1_1166", "marginTop-8Large": "_marginTop-8Large_1whn1_1170", "marginTop-7Large": "_marginTop-7Large_1whn1_1174", "marginTop-6Large": "_marginTop-6Large_1whn1_1178", "marginTop-5Large": "_marginTop-5Large_1whn1_1182", "marginTop-4Large": "_marginTop-4Large_1whn1_1186", "marginTop-3Large": "_marginTop-3Large_1whn1_1190", "marginTop-2Large": "_marginTop-2Large_1whn1_1194", "marginTop-1Large": "_marginTop-1Large_1whn1_1198", "marginTop0Large": "_marginTop0Large_1whn1_1202", "marginTop1Large": "_marginTop1Large_1whn1_1206", "marginTop2Large": "_marginTop2Large_1whn1_1210", "marginTop3Large": "_marginTop3Large_1whn1_1214", "marginTop4Large": "_marginTop4Large_1whn1_1218", "marginTop5Large": "_marginTop5Large_1whn1_1222", "marginTop6Large": "_marginTop6Large_1whn1_1226", "marginTop7Large": "_marginTop7Large_1whn1_1230", "marginTop8Large": "_marginTop8Large_1whn1_1234", "marginTop9Large": "_marginTop9Large_1whn1_1238", "marginTop10Large": "_marginTop10Large_1whn1_1242", "marginTop11Large": "_marginTop11Large_1whn1_1246", "marginTop12Large": "_marginTop12Large_1whn1_1250", "marginTopautoLarge": "_marginTopautoLarge_1whn1_1254" };
+
+// css-module:./padding.module.css#css-module
+var padding_module_default = { "paddingX0": "_paddingX0_1aqye_2", "paddingX1": "_paddingX1_1aqye_7", "paddingX2": "_paddingX2_1aqye_12", "paddingX3": "_paddingX3_1aqye_17", "paddingX4": "_paddingX4_1aqye_22", "paddingX5": "_paddingX5_1aqye_27", "paddingX6": "_paddingX6_1aqye_32", "paddingX7": "_paddingX7_1aqye_37", "paddingX8": "_paddingX8_1aqye_42", "paddingX9": "_paddingX9_1aqye_47", "paddingX10": "_paddingX10_1aqye_52", "paddingX11": "_paddingX11_1aqye_57", "paddingX12": "_paddingX12_1aqye_62", "paddingY0": "_paddingY0_1aqye_67", "paddingY1": "_paddingY1_1aqye_72", "paddingY2": "_paddingY2_1aqye_77", "paddingY3": "_paddingY3_1aqye_82", "paddingY4": "_paddingY4_1aqye_87", "paddingY5": "_paddingY5_1aqye_92", "paddingY6": "_paddingY6_1aqye_97", "paddingY7": "_paddingY7_1aqye_102", "paddingY8": "_paddingY8_1aqye_107", "paddingY9": "_paddingY9_1aqye_112", "paddingY10": "_paddingY10_1aqye_117", "paddingY11": "_paddingY11_1aqye_122", "paddingY12": "_paddingY12_1aqye_127", "paddingX0Small": "_paddingX0Small_1aqye_134", "paddingX1Small": "_paddingX1Small_1aqye_139", "paddingX2Small": "_paddingX2Small_1aqye_144", "paddingX3Small": "_paddingX3Small_1aqye_149", "paddingX4Small": "_paddingX4Small_1aqye_154", "paddingX5Small": "_paddingX5Small_1aqye_159", "paddingX6Small": "_paddingX6Small_1aqye_164", "paddingX7Small": "_paddingX7Small_1aqye_169", "paddingX8Small": "_paddingX8Small_1aqye_174", "paddingX9Small": "_paddingX9Small_1aqye_179", "paddingX10Small": "_paddingX10Small_1aqye_184", "paddingX11Small": "_paddingX11Small_1aqye_189", "paddingX12Small": "_paddingX12Small_1aqye_194", "paddingY0Small": "_paddingY0Small_1aqye_199", "paddingY1Small": "_paddingY1Small_1aqye_204", "paddingY2Small": "_paddingY2Small_1aqye_209", "paddingY3Small": "_paddingY3Small_1aqye_214", "paddingY4Small": "_paddingY4Small_1aqye_219", "paddingY5Small": "_paddingY5Small_1aqye_224", "paddingY6Small": "_paddingY6Small_1aqye_229", "paddingY7Small": "_paddingY7Small_1aqye_234", "paddingY8Small": "_paddingY8Small_1aqye_239", "paddingY9Small": "_paddingY9Small_1aqye_244", "paddingY10Small": "_paddingY10Small_1aqye_249", "paddingY11Small": "_paddingY11Small_1aqye_254", "paddingY12Small": "_paddingY12Small_1aqye_259", "paddingX0Large": "_paddingX0Large_1aqye_267", "paddingX1Large": "_paddingX1Large_1aqye_272", "paddingX2Large": "_paddingX2Large_1aqye_277", "paddingX3Large": "_paddingX3Large_1aqye_282", "paddingX4Large": "_paddingX4Large_1aqye_287", "paddingX5Large": "_paddingX5Large_1aqye_292", "paddingX6Large": "_paddingX6Large_1aqye_297", "paddingX7Large": "_paddingX7Large_1aqye_302", "paddingX8Large": "_paddingX8Large_1aqye_307", "paddingX9Large": "_paddingX9Large_1aqye_312", "paddingX10Large": "_paddingX10Large_1aqye_317", "paddingX11Large": "_paddingX11Large_1aqye_322", "paddingX12Large": "_paddingX12Large_1aqye_327", "paddingY0Large": "_paddingY0Large_1aqye_332", "paddingY1Large": "_paddingY1Large_1aqye_337", "paddingY2Large": "_paddingY2Large_1aqye_342", "paddingY3Large": "_paddingY3Large_1aqye_347", "paddingY4Large": "_paddingY4Large_1aqye_352", "paddingY5Large": "_paddingY5Large_1aqye_357", "paddingY6Large": "_paddingY6Large_1aqye_362", "paddingY7Large": "_paddingY7Large_1aqye_367", "paddingY8Large": "_paddingY8Large_1aqye_372", "paddingY9Large": "_paddingY9Large_1aqye_377", "paddingY10Large": "_paddingY10Large_1aqye_382", "paddingY11Large": "_paddingY11Large_1aqye_387", "paddingY12Large": "_paddingY12Large_1aqye_392" };
+
+// src/Box/Box.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Box = forwardRef(function Box2(props, ref) {
+  var _c;
+  const _a = props, { as: BoxElement = "div", children } = _a, boxProps = __objRest(_a, ["as", "children"]);
+  const _b = boxProps, {
+    alignItems: alignItems,
+    smAlignItems,
+    lgAlignItems,
+    alignSelf,
+    backgroundColor,
+    direction,
+    smDirection,
+    lgDirection,
+    display,
+    smDisplay,
+    lgDisplay,
+    flex,
+    flexWrap,
+    gap,
+    justifyContent,
+    smJustifyContent,
+    lgJustifyContent,
+    margin: margin,
+    marginBottom,
+    marginEnd,
+    marginStart,
+    marginTop,
+    smMargin,
+    smMarginBottom,
+    smMarginEnd,
+    smMarginStart,
+    smMarginTop,
+    lgMargin,
+    lgMarginBottom,
+    lgMarginEnd,
+    lgMarginStart,
+    lgMarginTop,
+    padding: padding,
+    paddingX,
+    paddingY,
+    smPadding,
+    smPaddingX,
+    smPaddingY,
+    lgPadding,
+    lgPaddingX,
+    lgPaddingY,
+    position,
+    rounding,
+    dangerouslySetInlineStyle: dangerouslySetInlineStyle,
+    height,
+    maxHeight,
+    maxWidth,
+    minHeight,
+    minWidth,
+    width
+  } = _b, maybePassThroughProps = __objRest(_b, [
+    // Classname
+    "alignItems",
+    "smAlignItems",
+    "lgAlignItems",
+    "alignSelf",
+    "backgroundColor",
+    "direction",
+    "smDirection",
+    "lgDirection",
+    "display",
+    "smDisplay",
+    "lgDisplay",
+    "flex",
+    "flexWrap",
+    "gap",
+    "justifyContent",
+    "smJustifyContent",
+    "lgJustifyContent",
+    // Margin
+    "margin",
+    "marginBottom",
+    "marginEnd",
+    "marginStart",
+    "marginTop",
+    "smMargin",
+    "smMarginBottom",
+    "smMarginEnd",
+    "smMarginStart",
+    "smMarginTop",
+    "lgMargin",
+    "lgMarginBottom",
+    "lgMarginEnd",
+    "lgMarginStart",
+    "lgMarginTop",
+    // Padding
+    "padding",
+    "paddingX",
+    "paddingY",
+    "smPadding",
+    "smPaddingX",
+    "smPaddingY",
+    "lgPadding",
+    "lgPaddingX",
+    "lgPaddingY",
+    "position",
+    "rounding",
+    // Style
+    "dangerouslySetInlineStyle",
+    "height",
+    "maxHeight",
+    "maxWidth",
+    "minHeight",
+    "minWidth",
+    "width"
+  ]);
+  const parsedProps = {
+    className: classNames(
+      Box_module_default.box,
+      alignItems && Box_module_default[`alignItems${alignItems}`],
+      smAlignItems && Box_module_default[`alignItems${smAlignItems}Small`],
+      lgAlignItems && Box_module_default[`alignItems${lgAlignItems}Large`],
+      alignSelf && Box_module_default[`alignSelf${alignSelf}`],
+      backgroundColor && colors_module_default[`${backgroundColor}BackgroundColor`],
+      direction && Box_module_default[direction],
+      smDirection && Box_module_default[`${smDirection}Small`],
+      lgDirection && Box_module_default[`${lgDirection}Large`],
+      display && Box_module_default[display],
+      smDisplay && Box_module_default[`${smDisplay}Small`],
+      lgDisplay && Box_module_default[`${lgDisplay}Large`],
+      flex && (flex === "none" || flex === "grow") && Box_module_default[`flex${flex}`],
+      flexWrap && Box_module_default.flexWrap,
+      gap != null && Box_module_default[`gap${gap}`],
+      margin != null && !marginBottom && margin_module_default[`marginBottom${margin}`],
+      margin != null && !marginEnd && margin_module_default[`marginEnd${margin}`],
+      margin != null && !marginStart && margin_module_default[`marginStart${margin}`],
+      margin != null && !marginTop && margin_module_default[`marginTop${margin}`],
+      marginBottom != null && margin_module_default[`marginBottom${marginBottom}`],
+      marginEnd != null && margin_module_default[`marginEnd${marginEnd}`],
+      marginStart != null && margin_module_default[`marginStart${marginStart}`],
+      marginTop != null && margin_module_default[`marginTop${marginTop}`],
+      smMargin != null && !smMarginBottom && margin_module_default[`marginBottom${smMargin}Small`],
+      smMargin != null && !smMarginEnd && margin_module_default[`marginEnd${smMargin}Small`],
+      smMargin != null && !smMarginStart && margin_module_default[`marginStart${smMargin}Small`],
+      smMargin != null && !smMarginTop && margin_module_default[`marginTop${smMargin}Small`],
+      smMarginBottom != null && margin_module_default[`marginBottom${smMarginBottom}Small`],
+      smMarginEnd != null && margin_module_default[`marginEnd${smMarginEnd}Small`],
+      smMarginStart != null && margin_module_default[`marginStart${smMarginStart}Small`],
+      smMarginTop != null && margin_module_default[`marginTop${smMarginTop}Small`],
+      lgMargin != null && !lgMarginBottom && margin_module_default[`marginBottom${lgMargin}Large`],
+      lgMargin != null && !lgMarginEnd && margin_module_default[`marginEnd${lgMargin}Large`],
+      lgMargin != null && !lgMarginStart && margin_module_default[`marginStart${lgMargin}Large`],
+      lgMargin != null && !lgMarginTop && margin_module_default[`marginTop${lgMargin}Large`],
+      lgMarginBottom != null && margin_module_default[`marginBottom${lgMarginBottom}Large`],
+      lgMarginEnd != null && margin_module_default[`marginEnd${lgMarginEnd}Large`],
+      lgMarginStart != null && margin_module_default[`marginStart${lgMarginStart}Large`],
+      lgMarginTop != null && margin_module_default[`marginTop${lgMarginTop}Large`],
+      padding != null && !paddingX && padding_module_default[`paddingX${padding}`],
+      padding != null && !paddingY && padding_module_default[`paddingY${padding}`],
+      paddingX != null && padding_module_default[`paddingX${paddingX}`],
+      paddingY != null && padding_module_default[`paddingY${paddingY}`],
+      smPadding != null && !smPaddingX && padding_module_default[`paddingX${smPadding}Small`],
+      smPadding != null && !smPaddingY && padding_module_default[`paddingY${smPadding}Small`],
+      smPaddingX != null && padding_module_default[`paddingX${smPaddingX}Small`],
+      smPaddingY != null && padding_module_default[`paddingY${smPaddingY}Small`],
+      lgPadding != null && !lgPaddingX && padding_module_default[`paddingX${lgPadding}Large`],
+      lgPadding != null && !lgPaddingX && padding_module_default[`paddingY${lgPadding}Large`],
+      lgPaddingX != null && padding_module_default[`paddingX${lgPaddingX}Large`],
+      lgPaddingY != null && padding_module_default[`paddingY${lgPaddingY}Large`],
+      justifyContent && Box_module_default[`justifyContent${justifyContent}`],
+      smJustifyContent && Box_module_default[`justifyContent${smJustifyContent}Small`],
+      lgJustifyContent && Box_module_default[`justifyContent${lgJustifyContent}Large`],
+      position && position !== "static" && Box_module_default[position],
+      rounding && rounding !== "none" && Box_module_default[`rounding${rounding}`]
+    ),
+    style: __spreadValues({
+      height,
+      maxHeight,
+      maxWidth,
+      minHeight,
+      minWidth,
+      width
+    }, (_c = dangerouslySetInlineStyle == null ? void 0 : dangerouslySetInlineStyle.__style) != null ? _c : {})
+  };
+  const passthroughProps = Object.entries(maybePassThroughProps).reduce((acc, [key]) => {
+    if (key === "id" || key === "role" || key.startsWith("aria-") || key.startsWith("data-testid")) {
+      acc[key] = maybePassThroughProps[key];
+    }
+    return acc;
+  }, {});
+  return /* @__PURE__ */ jsx(BoxElement, __spreadProps(__spreadValues(__spreadValues({}, parsedProps), passthroughProps), { ref, children }));
+});
+var Box_default = Box;
+
+export {
+  Box_default
+};
+//# sourceMappingURL=4VIJNV7V.mjs.map