@servicetitan/anvil2 1.26.0 → 1.27.0

package/dist/Layout-CUUb2PVr.js

@@ -0,0 +1,222 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cx } from './index-tZvMCc77.js';
+
+import './Layout.css';const container = "_container_1suid_2";
+const fluid = "_fluid_1suid_13";
+const grid = "_grid_1suid_16";
+const wide = "_wide_1suid_21";
+const narrow = "_narrow_1suid_24";
+const xs1 = "_xs1_1suid_27";
+const xs2 = "_xs2_1suid_30";
+const xs3 = "_xs3_1suid_33";
+const xs4 = "_xs4_1suid_36";
+const xs5 = "_xs5_1suid_37";
+const xs6 = "_xs6_1suid_38";
+const xs7 = "_xs7_1suid_39";
+const xs8 = "_xs8_1suid_40";
+const xs9 = "_xs9_1suid_41";
+const xs10 = "_xs10_1suid_42";
+const xs11 = "_xs11_1suid_43";
+const xs12 = "_xs12_1suid_44";
+const cell = "_cell_1suid_47";
+const sm1 = "_sm1_1suid_57";
+const sm2 = "_sm2_1suid_60";
+const sm3 = "_sm3_1suid_63";
+const sm4 = "_sm4_1suid_66";
+const sm5 = "_sm5_1suid_67";
+const sm6 = "_sm6_1suid_68";
+const sm7 = "_sm7_1suid_69";
+const sm8 = "_sm8_1suid_70";
+const sm9 = "_sm9_1suid_71";
+const sm10 = "_sm10_1suid_72";
+const sm11 = "_sm11_1suid_73";
+const sm12 = "_sm12_1suid_74";
+const md1 = "_md1_1suid_149";
+const md2 = "_md2_1suid_152";
+const md3 = "_md3_1suid_155";
+const md4 = "_md4_1suid_158";
+const md5 = "_md5_1suid_161";
+const md6 = "_md6_1suid_164";
+const md7 = "_md7_1suid_167";
+const md8 = "_md8_1suid_170";
+const md9 = "_md9_1suid_173";
+const md10 = "_md10_1suid_176";
+const md11 = "_md11_1suid_179";
+const md12 = "_md12_1suid_182";
+const lg1 = "_lg1_1suid_197";
+const lg2 = "_lg2_1suid_200";
+const lg3 = "_lg3_1suid_203";
+const lg4 = "_lg4_1suid_206";
+const lg5 = "_lg5_1suid_209";
+const lg6 = "_lg6_1suid_212";
+const lg7 = "_lg7_1suid_215";
+const lg8 = "_lg8_1suid_218";
+const lg9 = "_lg9_1suid_221";
+const lg10 = "_lg10_1suid_224";
+const lg11 = "_lg11_1suid_227";
+const lg12 = "_lg12_1suid_230";
+const xl1 = "_xl1_1suid_245";
+const xl2 = "_xl2_1suid_248";
+const xl3 = "_xl3_1suid_251";
+const xl4 = "_xl4_1suid_254";
+const xl5 = "_xl5_1suid_257";
+const xl6 = "_xl6_1suid_260";
+const xl7 = "_xl7_1suid_263";
+const xl8 = "_xl8_1suid_266";
+const xl9 = "_xl9_1suid_269";
+const xl10 = "_xl10_1suid_272";
+const xl11 = "_xl11_1suid_275";
+const xl12 = "_xl12_1suid_278";
+const xxl1 = "_xxl1_1suid_287";
+const xxl2 = "_xxl2_1suid_290";
+const xxl3 = "_xxl3_1suid_293";
+const xxl4 = "_xxl4_1suid_296";
+const xxl5 = "_xxl5_1suid_299";
+const xxl6 = "_xxl6_1suid_302";
+const xxl7 = "_xxl7_1suid_305";
+const xxl8 = "_xxl8_1suid_308";
+const xxl9 = "_xxl9_1suid_311";
+const xxl10 = "_xxl10_1suid_314";
+const xxl11 = "_xxl11_1suid_317";
+const xxl12 = "_xxl12_1suid_320";
+const styles = {
+	container: container,
+	fluid: fluid,
+	grid: grid,
+	wide: wide,
+	narrow: narrow,
+	xs1: xs1,
+	xs2: xs2,
+	xs3: xs3,
+	xs4: xs4,
+	xs5: xs5,
+	xs6: xs6,
+	xs7: xs7,
+	xs8: xs8,
+	xs9: xs9,
+	xs10: xs10,
+	xs11: xs11,
+	xs12: xs12,
+	cell: cell,
+	sm1: sm1,
+	sm2: sm2,
+	sm3: sm3,
+	sm4: sm4,
+	sm5: sm5,
+	sm6: sm6,
+	sm7: sm7,
+	sm8: sm8,
+	sm9: sm9,
+	sm10: sm10,
+	sm11: sm11,
+	sm12: sm12,
+	md1: md1,
+	md2: md2,
+	md3: md3,
+	md4: md4,
+	md5: md5,
+	md6: md6,
+	md7: md7,
+	md8: md8,
+	md9: md9,
+	md10: md10,
+	md11: md11,
+	md12: md12,
+	lg1: lg1,
+	lg2: lg2,
+	lg3: lg3,
+	lg4: lg4,
+	lg5: lg5,
+	lg6: lg6,
+	lg7: lg7,
+	lg8: lg8,
+	lg9: lg9,
+	lg10: lg10,
+	lg11: lg11,
+	lg12: lg12,
+	xl1: xl1,
+	xl2: xl2,
+	xl3: xl3,
+	xl4: xl4,
+	xl5: xl5,
+	xl6: xl6,
+	xl7: xl7,
+	xl8: xl8,
+	xl9: xl9,
+	xl10: xl10,
+	xl11: xl11,
+	xl12: xl12,
+	xxl1: xxl1,
+	xxl2: xxl2,
+	xxl3: xxl3,
+	xxl4: xxl4,
+	xxl5: xxl5,
+	xxl6: xxl6,
+	xxl7: xxl7,
+	xxl8: xxl8,
+	xxl9: xxl9,
+	xxl10: xxl10,
+	xxl11: xxl11,
+	xxl12: xxl12
+};
+
+const LayoutElement = forwardRef(
+  (props, ref) => {
+    const {
+      children,
+      className,
+      fluid = false,
+      variant = "default",
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsx("div", { className: cx(styles.container, { [styles.fluid]: fluid }), children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cx(
+          styles.grid,
+          {
+            [styles.wide]: variant === "wide",
+            [styles.narrow]: variant === "narrow"
+          },
+          className
+        ),
+        ref,
+        ...rest,
+        children
+      }
+    ) });
+  }
+);
+LayoutElement.displayName = "Layout";
+const LayoutItem = forwardRef(
+  ({ children, className, span = 12, xs, sm, md, lg, xl, xxl, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        ...props,
+        className: cx(
+          styles.cell,
+          styles[`xs${xs || span}`],
+          {
+            [styles[`sm${sm}`]]: sm,
+            [styles[`md${md}`]]: md,
+            [styles[`lg${lg}`]]: lg,
+            [styles[`xl${xl}`]]: xl,
+            [styles[`xxl${xxl}`]]: xxl
+          },
+          className
+        ),
+        children
+      }
+    );
+  }
+);
+LayoutItem.displayName = "LayoutItem";
+const Layout = Object.assign(LayoutElement, {
+  Item: LayoutItem
+});
+
+export { Layout as L, LayoutElement as a, LayoutItem as b };
+//# sourceMappingURL=Layout-CUUb2PVr.js.map

package/dist/{Layout-x69Slbs9.js.map → Layout-CUUb2PVr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Layout-x69Slbs9.js","sources":["../src/components/Layout/Layout.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Layout.module.scss\";\n\nexport type LayoutProps = ComponentPropsWithoutRef<\"div\"> & {\n  fluid?: boolean;\n  variant?: \"default\" | \"wide\" | \"narrow\";\n};\n\nexport const LayoutElement = forwardRef<HTMLDivElement, LayoutProps>(\n  (props, ref) => {\n    const {\n      children,\n      className,\n      fluid = false,\n      variant = \"default\",\n      ...rest\n    } = props;\n\n    return (\n      <div className={cx(styles.container, { [styles.fluid]: fluid })}>\n        <div\n          className={cx(\n            styles.grid,\n            {\n              [styles.wide]: variant === \"wide\",\n              [styles.narrow]: variant === \"narrow\",\n            },\n            className,\n          )}\n          ref={ref}\n          {...rest}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\n\nLayoutElement.displayName = \"Layout\";\n\nexport type LayoutItemProps = ComponentPropsWithoutRef<\"div\"> & {\n  span?: number;\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  xxl?: number;\n};\n\n// TODO: clamp span numbers higher than 12\nexport const LayoutItem = forwardRef<HTMLDivElement, LayoutItemProps>(\n  (\n    { children, className, span = 12, xs, sm, md, lg, xl, xxl, ...props },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        {...props}\n        className={cx(\n          styles.cell,\n          styles[`xs${xs || span}`],\n          {\n            [styles[`sm${sm}`]]: sm,\n            [styles[`md${md}`]]: md,\n            [styles[`lg${lg}`]]: lg,\n            [styles[`xl${xl}`]]: xl,\n            [styles[`xxl${xxl}`]]: xxl,\n          },\n          className,\n        )}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nLayoutItem.displayName = \"LayoutItem\";\n\nexport const Layout = Object.assign(LayoutElement, {\n  Item: LayoutItem,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAAO,GAAQ,KAAA;AACd,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAQ,GAAA,KAAA;AAAA,MACR,OAAU,GAAA,SAAA;AAAA,MACV,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,EAAA,CAAG,MAAO,CAAA,SAAA,EAAW,EAAE,CAAC,MAAO,CAAA,KAAK,GAAG,KAAA,EAAO,CAC5D,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,EAAA;AAAA,UACT,MAAO,CAAA,IAAA;AAAA,UACP;AAAA,YACE,CAAC,MAAA,CAAO,IAAI,GAAG,OAAY,KAAA,MAAA;AAAA,YAC3B,CAAC,MAAA,CAAO,MAAM,GAAG,OAAY,KAAA;AAAA,WAC/B;AAAA,UACA;AAAA,SACF;AAAA,QACA,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KAEL,EAAA,CAAA;AAAA;AAGN;AAEA,aAAA,CAAc,WAAc,GAAA,QAAA;AAarB,MAAM,UAAa,GAAA,UAAA;AAAA,EACxB,CACE,EAAE,QAAU,EAAA,SAAA,EAAW,OAAO,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,GAAA,EAAK,GAAG,KAAA,IAC9D,GACG,KAAA;AACH,IACE,uBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,SAAW,EAAA,EAAA;AAAA,UACT,MAAO,CAAA,IAAA;AAAA,UACP,MAAO,CAAA,CAAA,EAAA,EAAK,EAAM,IAAA,IAAI,CAAE,CAAA,CAAA;AAAA,UACxB;AAAA,YACE,CAAC,MAAO,CAAA,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAO,CAAA,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAO,CAAA,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAO,CAAA,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAO,CAAA,CAAA,GAAA,EAAM,GAAG,CAAA,CAAE,CAAC,GAAG;AAAA,WACzB;AAAA,UACA;AAAA,SACF;AAAA,QAEC;AAAA;AAAA,KACH;AAAA;AAGN;AAEA,UAAA,CAAW,WAAc,GAAA,YAAA;AAEZ,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,aAAe,EAAA;AAAA,EACjD,IAAM,EAAA;AACR,CAAC;;;;"}
+{"version":3,"file":"Layout-CUUb2PVr.js","sources":["../src/components/Layout/Layout.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Layout.module.scss\";\n\nexport type LayoutProps = ComponentPropsWithoutRef<\"div\"> & {\n  fluid?: boolean;\n  variant?: \"default\" | \"wide\" | \"narrow\";\n};\n\nexport const LayoutElement = forwardRef<HTMLDivElement, LayoutProps>(\n  (props, ref) => {\n    const {\n      children,\n      className,\n      fluid = false,\n      variant = \"default\",\n      ...rest\n    } = props;\n\n    return (\n      <div className={cx(styles.container, { [styles.fluid]: fluid })}>\n        <div\n          className={cx(\n            styles.grid,\n            {\n              [styles.wide]: variant === \"wide\",\n              [styles.narrow]: variant === \"narrow\",\n            },\n            className,\n          )}\n          ref={ref}\n          {...rest}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\n\nLayoutElement.displayName = \"Layout\";\n\nexport type LayoutItemProps = ComponentPropsWithoutRef<\"div\"> & {\n  span?: number;\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  xxl?: number;\n};\n\n// TODO: clamp span numbers higher than 12\nexport const LayoutItem = forwardRef<HTMLDivElement, LayoutItemProps>(\n  (\n    { children, className, span = 12, xs, sm, md, lg, xl, xxl, ...props },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        {...props}\n        className={cx(\n          styles.cell,\n          styles[`xs${xs || span}`],\n          {\n            [styles[`sm${sm}`]]: sm,\n            [styles[`md${md}`]]: md,\n            [styles[`lg${lg}`]]: lg,\n            [styles[`xl${xl}`]]: xl,\n            [styles[`xxl${xxl}`]]: xxl,\n          },\n          className,\n        )}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nLayoutItem.displayName = \"LayoutItem\";\n\nexport const Layout = Object.assign(LayoutElement, {\n  Item: LayoutItem,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAAO,GAAQ,KAAA;AACd,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAQ,GAAA,KAAA;AAAA,MACR,OAAU,GAAA,SAAA;AAAA,MACV,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,EAAA,CAAG,MAAO,CAAA,SAAA,EAAW,EAAE,CAAC,MAAO,CAAA,KAAK,GAAG,KAAA,EAAO,CAC5D,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,EAAA;AAAA,UACT,MAAO,CAAA,IAAA;AAAA,UACP;AAAA,YACE,CAAC,MAAA,CAAO,IAAI,GAAG,OAAY,KAAA,MAAA;AAAA,YAC3B,CAAC,MAAA,CAAO,MAAM,GAAG,OAAY,KAAA;AAAA,WAC/B;AAAA,UACA;AAAA,SACF;AAAA,QACA,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KAEL,EAAA,CAAA;AAAA;AAGN;AAEA,aAAA,CAAc,WAAc,GAAA,QAAA;AAarB,MAAM,UAAa,GAAA,UAAA;AAAA,EACxB,CACE,EAAE,QAAU,EAAA,SAAA,EAAW,OAAO,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,GAAA,EAAK,GAAG,KAAA,IAC9D,GACG,KAAA;AACH,IACE,uBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,SAAW,EAAA,EAAA;AAAA,UACT,MAAO,CAAA,IAAA;AAAA,UACP,MAAO,CAAA,CAAA,EAAA,EAAK,EAAM,IAAA,IAAI,CAAE,CAAA,CAAA;AAAA,UACxB;AAAA,YACE,CAAC,MAAO,CAAA,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAO,CAAA,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAO,CAAA,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAO,CAAA,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAO,CAAA,CAAA,GAAA,EAAM,GAAG,CAAA,CAAE,CAAC,GAAG;AAAA,WACzB;AAAA,UACA;AAAA,SACF;AAAA,QAEC;AAAA;AAAA,KACH;AAAA;AAGN;AAEA,UAAA,CAAW,WAAc,GAAA,YAAA;AAEZ,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,aAAe,EAAA;AAAA,EACjD,IAAM,EAAA;AACR,CAAC;;;;"}

package/dist/Layout.css

@@ -1,6 +1,6 @@
 @layer starter, reset, base, state, application;
 @layer base {
-  ._container_oiifo_3 {
+  ._container_1suid_2 {
     display: block;
     container-type: inline-size;
     max-width: 1280px;
@@ -10,317 +10,317 @@
     width: -moz-available;
     width: stretch;
   }
-  ._container_oiifo_3 ._container_oiifo_3 {
+  ._container_1suid_2 ._container_1suid_2 {
     container-type: normal;
   }
-  ._container_oiifo_3._fluid_oiifo_14 {
+  ._container_1suid_2._fluid_1suid_13 {
     max-width: none;
   }
-  ._container_oiifo_3 ._grid_oiifo_17 {
+  ._container_1suid_2 ._grid_1suid_16 {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 1rem;
   }
-  ._container_oiifo_3 ._grid_oiifo_17._wide_oiifo_22 {
+  ._container_1suid_2 ._grid_1suid_16._wide_1suid_21 {
     gap: 1.5rem;
   }
-  ._container_oiifo_3 ._grid_oiifo_17._narrow_oiifo_25 {
+  ._container_1suid_2 ._grid_1suid_16._narrow_1suid_24 {
     gap: 0.5rem;
   }
-  ._container_oiifo_3 ._grid_oiifo_17 ._xs1_oiifo_28 {
+  ._container_1suid_2 ._grid_1suid_16 ._xs1_1suid_27 {
     grid-column: span 1;
   }
-  ._container_oiifo_3 ._grid_oiifo_17 ._xs2_oiifo_31 {
+  ._container_1suid_2 ._grid_1suid_16 ._xs2_1suid_30 {
     grid-column: span 2;
   }
-  ._container_oiifo_3 ._grid_oiifo_17 ._xs3_oiifo_34 {
+  ._container_1suid_2 ._grid_1suid_16 ._xs3_1suid_33 {
     grid-column: span 3;
   }
-  ._container_oiifo_3 ._grid_oiifo_17 ._xs4_oiifo_37,
-  ._container_oiifo_3 ._grid_oiifo_17 ._xs5_oiifo_38,
-  ._container_oiifo_3 ._grid_oiifo_17 ._xs6_oiifo_39,
-  ._container_oiifo_3 ._grid_oiifo_17 ._xs7_oiifo_40,
-  ._container_oiifo_3 ._grid_oiifo_17 ._xs8_oiifo_41,
-  ._container_oiifo_3 ._grid_oiifo_17 ._xs9_oiifo_42,
-  ._container_oiifo_3 ._grid_oiifo_17 ._xs10_oiifo_43,
-  ._container_oiifo_3 ._grid_oiifo_17 ._xs11_oiifo_44,
-  ._container_oiifo_3 ._grid_oiifo_17 ._xs12_oiifo_45 {
+  ._container_1suid_2 ._grid_1suid_16 ._xs4_1suid_36,
+  ._container_1suid_2 ._grid_1suid_16 ._xs5_1suid_37,
+  ._container_1suid_2 ._grid_1suid_16 ._xs6_1suid_38,
+  ._container_1suid_2 ._grid_1suid_16 ._xs7_1suid_39,
+  ._container_1suid_2 ._grid_1suid_16 ._xs8_1suid_40,
+  ._container_1suid_2 ._grid_1suid_16 ._xs9_1suid_41,
+  ._container_1suid_2 ._grid_1suid_16 ._xs10_1suid_42,
+  ._container_1suid_2 ._grid_1suid_16 ._xs11_1suid_43,
+  ._container_1suid_2 ._grid_1suid_16 ._xs12_1suid_44 {
     grid-column: span 4;
   }
-  ._cell_oiifo_48 {
+  ._cell_1suid_47 {
     display: block;
   }
 }
 @layer state {
   @container (min-width: 640px) {
-    ._grid_oiifo_17 {
+    ._grid_1suid_16 {
       grid-template-columns: repeat(4, minmax(0, 1fr));
       gap: 1rem;
     }
-    ._grid_oiifo_17 ._sm1_oiifo_58 {
+    ._grid_1suid_16 ._sm1_1suid_57 {
       grid-column: span 1;
     }
-    ._grid_oiifo_17 ._sm2_oiifo_61 {
+    ._grid_1suid_16 ._sm2_1suid_60 {
       grid-column: span 2;
     }
-    ._grid_oiifo_17 ._sm3_oiifo_64 {
+    ._grid_1suid_16 ._sm3_1suid_63 {
       grid-column: span 3;
     }
-    ._grid_oiifo_17 ._sm4_oiifo_67,
-    ._grid_oiifo_17 ._sm5_oiifo_68,
-    ._grid_oiifo_17 ._sm6_oiifo_69,
-    ._grid_oiifo_17 ._sm7_oiifo_70,
-    ._grid_oiifo_17 ._sm8_oiifo_71,
-    ._grid_oiifo_17 ._sm9_oiifo_72,
-    ._grid_oiifo_17 ._sm10_oiifo_73,
-    ._grid_oiifo_17 ._sm11_oiifo_74,
-    ._grid_oiifo_17 ._sm12_oiifo_75 {
+    ._grid_1suid_16 ._sm4_1suid_66,
+    ._grid_1suid_16 ._sm5_1suid_67,
+    ._grid_1suid_16 ._sm6_1suid_68,
+    ._grid_1suid_16 ._sm7_1suid_69,
+    ._grid_1suid_16 ._sm8_1suid_70,
+    ._grid_1suid_16 ._sm9_1suid_71,
+    ._grid_1suid_16 ._sm10_1suid_72,
+    ._grid_1suid_16 ._sm11_1suid_73,
+    ._grid_1suid_16 ._sm12_1suid_74 {
       grid-column: span 4;
     }
   }
   @container (min-width: 768px) {
-    ._grid_oiifo_17 {
+    ._grid_1suid_16 {
       grid-template-columns: repeat(12, minmax(0, 1fr));
       gap: 1.5rem;
     }
-    ._grid_oiifo_17._wide_oiifo_22 {
+    ._grid_1suid_16._wide_1suid_21 {
       gap: 2rem;
     }
-    ._grid_oiifo_17._narrow_oiifo_25 {
+    ._grid_1suid_16._narrow_1suid_24 {
       gap: 1rem;
     }
-    ._grid_oiifo_17 ._xs5_oiifo_38 {
+    ._grid_1suid_16 ._xs5_1suid_37 {
       grid-column: span 5;
     }
-    ._grid_oiifo_17 ._xs6_oiifo_39 {
+    ._grid_1suid_16 ._xs6_1suid_38 {
       grid-column: span 6;
     }
-    ._grid_oiifo_17 ._xs7_oiifo_40 {
+    ._grid_1suid_16 ._xs7_1suid_39 {
       grid-column: span 7;
     }
-    ._grid_oiifo_17 ._xs8_oiifo_41 {
+    ._grid_1suid_16 ._xs8_1suid_40 {
       grid-column: span 8;
     }
-    ._grid_oiifo_17 ._xs9_oiifo_42 {
+    ._grid_1suid_16 ._xs9_1suid_41 {
       grid-column: span 9;
     }
-    ._grid_oiifo_17 ._xs10_oiifo_43 {
+    ._grid_1suid_16 ._xs10_1suid_42 {
       grid-column: span 10;
     }
-    ._grid_oiifo_17 ._xs11_oiifo_44 {
+    ._grid_1suid_16 ._xs11_1suid_43 {
       grid-column: span 11;
     }
-    ._grid_oiifo_17 ._xs12_oiifo_45 {
+    ._grid_1suid_16 ._xs12_1suid_44 {
       grid-column: span 12;
     }
-    ._grid_oiifo_17 ._sm1_oiifo_58 {
+    ._grid_1suid_16 ._sm1_1suid_57 {
       grid-column: span 1;
     }
-    ._grid_oiifo_17 ._sm2_oiifo_61 {
+    ._grid_1suid_16 ._sm2_1suid_60 {
       grid-column: span 2;
     }
-    ._grid_oiifo_17 ._sm3_oiifo_64 {
+    ._grid_1suid_16 ._sm3_1suid_63 {
       grid-column: span 3;
     }
-    ._grid_oiifo_17 ._sm4_oiifo_67 {
+    ._grid_1suid_16 ._sm4_1suid_66 {
       grid-column: span 4;
     }
-    ._grid_oiifo_17 ._sm5_oiifo_68 {
+    ._grid_1suid_16 ._sm5_1suid_67 {
       grid-column: span 5;
     }
-    ._grid_oiifo_17 ._sm6_oiifo_69 {
+    ._grid_1suid_16 ._sm6_1suid_68 {
       grid-column: span 6;
     }
-    ._grid_oiifo_17 ._sm7_oiifo_70 {
+    ._grid_1suid_16 ._sm7_1suid_69 {
       grid-column: span 7;
     }
-    ._grid_oiifo_17 ._sm8_oiifo_71 {
+    ._grid_1suid_16 ._sm8_1suid_70 {
       grid-column: span 8;
     }
-    ._grid_oiifo_17 ._sm9_oiifo_72 {
+    ._grid_1suid_16 ._sm9_1suid_71 {
       grid-column: span 9;
     }
-    ._grid_oiifo_17 ._sm10_oiifo_73 {
+    ._grid_1suid_16 ._sm10_1suid_72 {
       grid-column: span 10;
     }
-    ._grid_oiifo_17 ._sm11_oiifo_74 {
+    ._grid_1suid_16 ._sm11_1suid_73 {
       grid-column: span 11;
     }
-    ._grid_oiifo_17 ._sm12_oiifo_75 {
+    ._grid_1suid_16 ._sm12_1suid_74 {
       grid-column: span 12;
     }
-    ._grid_oiifo_17 ._md1_oiifo_150 {
+    ._grid_1suid_16 ._md1_1suid_149 {
       grid-column: span 1;
     }
-    ._grid_oiifo_17 ._md2_oiifo_153 {
+    ._grid_1suid_16 ._md2_1suid_152 {
       grid-column: span 2;
     }
-    ._grid_oiifo_17 ._md3_oiifo_156 {
+    ._grid_1suid_16 ._md3_1suid_155 {
       grid-column: span 3;
     }
-    ._grid_oiifo_17 ._md4_oiifo_159 {
+    ._grid_1suid_16 ._md4_1suid_158 {
       grid-column: span 4;
     }
-    ._grid_oiifo_17 ._md5_oiifo_162 {
+    ._grid_1suid_16 ._md5_1suid_161 {
       grid-column: span 5;
     }
-    ._grid_oiifo_17 ._md6_oiifo_165 {
+    ._grid_1suid_16 ._md6_1suid_164 {
       grid-column: span 6;
     }
-    ._grid_oiifo_17 ._md7_oiifo_168 {
+    ._grid_1suid_16 ._md7_1suid_167 {
       grid-column: span 7;
     }
-    ._grid_oiifo_17 ._md8_oiifo_171 {
+    ._grid_1suid_16 ._md8_1suid_170 {
       grid-column: span 8;
     }
-    ._grid_oiifo_17 ._md9_oiifo_174 {
+    ._grid_1suid_16 ._md9_1suid_173 {
       grid-column: span 9;
     }
-    ._grid_oiifo_17 ._md10_oiifo_177 {
+    ._grid_1suid_16 ._md10_1suid_176 {
       grid-column: span 10;
     }
-    ._grid_oiifo_17 ._md11_oiifo_180 {
+    ._grid_1suid_16 ._md11_1suid_179 {
       grid-column: span 11;
     }
-    ._grid_oiifo_17 ._md12_oiifo_183 {
+    ._grid_1suid_16 ._md12_1suid_182 {
       grid-column: span 12;
     }
   }
   @container (min-width: 1024px) {
-    ._grid_oiifo_17 {
+    ._grid_1suid_16 {
       grid-template-columns: repeat(12, minmax(0, 1fr));
       gap: 1.5rem;
     }
-    ._grid_oiifo_17._wide_oiifo_22 {
+    ._grid_1suid_16._wide_1suid_21 {
       gap: 2.5rem;
     }
-    ._grid_oiifo_17._narrow_oiifo_25 {
+    ._grid_1suid_16._narrow_1suid_24 {
       gap: 1rem;
     }
-    ._grid_oiifo_17 ._lg1_oiifo_198 {
+    ._grid_1suid_16 ._lg1_1suid_197 {
       grid-column: span 1;
     }
-    ._grid_oiifo_17 ._lg2_oiifo_201 {
+    ._grid_1suid_16 ._lg2_1suid_200 {
       grid-column: span 2;
     }
-    ._grid_oiifo_17 ._lg3_oiifo_204 {
+    ._grid_1suid_16 ._lg3_1suid_203 {
       grid-column: span 3;
     }
-    ._grid_oiifo_17 ._lg4_oiifo_207 {
+    ._grid_1suid_16 ._lg4_1suid_206 {
       grid-column: span 4;
     }
-    ._grid_oiifo_17 ._lg5_oiifo_210 {
+    ._grid_1suid_16 ._lg5_1suid_209 {
       grid-column: span 5;
     }
-    ._grid_oiifo_17 ._lg6_oiifo_213 {
+    ._grid_1suid_16 ._lg6_1suid_212 {
       grid-column: span 6;
     }
-    ._grid_oiifo_17 ._lg7_oiifo_216 {
+    ._grid_1suid_16 ._lg7_1suid_215 {
       grid-column: span 7;
     }
-    ._grid_oiifo_17 ._lg8_oiifo_219 {
+    ._grid_1suid_16 ._lg8_1suid_218 {
       grid-column: span 8;
     }
-    ._grid_oiifo_17 ._lg9_oiifo_222 {
+    ._grid_1suid_16 ._lg9_1suid_221 {
       grid-column: span 9;
     }
-    ._grid_oiifo_17 ._lg10_oiifo_225 {
+    ._grid_1suid_16 ._lg10_1suid_224 {
       grid-column: span 10;
     }
-    ._grid_oiifo_17 ._lg11_oiifo_228 {
+    ._grid_1suid_16 ._lg11_1suid_227 {
       grid-column: span 11;
     }
-    ._grid_oiifo_17 ._lg12_oiifo_231 {
+    ._grid_1suid_16 ._lg12_1suid_230 {
       grid-column: span 12;
     }
   }
   @container (min-width: 1280px) {
-    ._grid_oiifo_17 {
+    ._grid_1suid_16 {
       grid-template-columns: repeat(12, minmax(0, 1fr));
       gap: 1.5rem;
     }
-    ._grid_oiifo_17._wide_oiifo_22 {
+    ._grid_1suid_16._wide_1suid_21 {
       gap: 2.5rem;
     }
-    ._grid_oiifo_17._narrow_oiifo_25 {
+    ._grid_1suid_16._narrow_1suid_24 {
       gap: 1rem;
     }
-    ._grid_oiifo_17 ._xl1_oiifo_246 {
+    ._grid_1suid_16 ._xl1_1suid_245 {
       grid-column: span 1;
     }
-    ._grid_oiifo_17 ._xl2_oiifo_249 {
+    ._grid_1suid_16 ._xl2_1suid_248 {
       grid-column: span 2;
     }
-    ._grid_oiifo_17 ._xl3_oiifo_252 {
+    ._grid_1suid_16 ._xl3_1suid_251 {
       grid-column: span 3;
     }
-    ._grid_oiifo_17 ._xl4_oiifo_255 {
+    ._grid_1suid_16 ._xl4_1suid_254 {
       grid-column: span 4;
     }
-    ._grid_oiifo_17 ._xl5_oiifo_258 {
+    ._grid_1suid_16 ._xl5_1suid_257 {
       grid-column: span 5;
     }
-    ._grid_oiifo_17 ._xl6_oiifo_261 {
+    ._grid_1suid_16 ._xl6_1suid_260 {
       grid-column: span 6;
     }
-    ._grid_oiifo_17 ._xl7_oiifo_264 {
+    ._grid_1suid_16 ._xl7_1suid_263 {
       grid-column: span 7;
     }
-    ._grid_oiifo_17 ._xl8_oiifo_267 {
+    ._grid_1suid_16 ._xl8_1suid_266 {
       grid-column: span 8;
     }
-    ._grid_oiifo_17 ._xl9_oiifo_270 {
+    ._grid_1suid_16 ._xl9_1suid_269 {
       grid-column: span 9;
     }
-    ._grid_oiifo_17 ._xl10_oiifo_273 {
+    ._grid_1suid_16 ._xl10_1suid_272 {
       grid-column: span 10;
     }
-    ._grid_oiifo_17 ._xl11_oiifo_276 {
+    ._grid_1suid_16 ._xl11_1suid_275 {
       grid-column: span 11;
     }
-    ._grid_oiifo_17 ._xl12_oiifo_279 {
+    ._grid_1suid_16 ._xl12_1suid_278 {
       grid-column: span 12;
     }
   }
   @container (min-width: 1536px) {
-    ._grid_oiifo_17 {
+    ._grid_1suid_16 {
       grid-template-columns: repeat(12, minmax(0, 1fr));
       gap: 1.5rem;
     }
-    ._grid_oiifo_17 ._xxl1_oiifo_288 {
+    ._grid_1suid_16 ._xxl1_1suid_287 {
       grid-column: span 1;
     }
-    ._grid_oiifo_17 ._xxl2_oiifo_291 {
+    ._grid_1suid_16 ._xxl2_1suid_290 {
       grid-column: span 2;
     }
-    ._grid_oiifo_17 ._xxl3_oiifo_294 {
+    ._grid_1suid_16 ._xxl3_1suid_293 {
       grid-column: span 3;
     }
-    ._grid_oiifo_17 ._xxl4_oiifo_297 {
+    ._grid_1suid_16 ._xxl4_1suid_296 {
       grid-column: span 4;
     }
-    ._grid_oiifo_17 ._xxl5_oiifo_300 {
+    ._grid_1suid_16 ._xxl5_1suid_299 {
       grid-column: span 5;
     }
-    ._grid_oiifo_17 ._xxl6_oiifo_303 {
+    ._grid_1suid_16 ._xxl6_1suid_302 {
       grid-column: span 6;
     }
-    ._grid_oiifo_17 ._xxl7_oiifo_306 {
+    ._grid_1suid_16 ._xxl7_1suid_305 {
       grid-column: span 7;
     }
-    ._grid_oiifo_17 ._xxl8_oiifo_309 {
+    ._grid_1suid_16 ._xxl8_1suid_308 {
       grid-column: span 8;
     }
-    ._grid_oiifo_17 ._xxl9_oiifo_312 {
+    ._grid_1suid_16 ._xxl9_1suid_311 {
       grid-column: span 9;
     }
-    ._grid_oiifo_17 ._xxl10_oiifo_315 {
+    ._grid_1suid_16 ._xxl10_1suid_314 {
       grid-column: span 10;
     }
-    ._grid_oiifo_17 ._xxl11_oiifo_318 {
+    ._grid_1suid_16 ._xxl11_1suid_317 {
       grid-column: span 11;
     }
-    ._grid_oiifo_17 ._xxl12_oiifo_321 {
+    ._grid_1suid_16 ._xxl12_1suid_320 {
       grid-column: span 12;
     }
   }

package/dist/Layout.js

@@ -1,2 +1,2 @@
-export { L as Layout, a as LayoutElement, b as LayoutItem, L as default } from './Layout-x69Slbs9.js';
+export { L as Layout, a as LayoutElement, b as LayoutItem, L as default } from './Layout-CUUb2PVr.js';
 //# sourceMappingURL=Layout.js.map