@nayhoo/ui 0.11.1 → 0.13.0

package/dist/components/dropdown-menu.mjs

@@ -9,17 +9,18 @@ import {
 } from "../chunk-WUVNL3DI.mjs";
 import {
   Flex
-} from "../chunk-L5HQ3AVO.mjs";
-import "../chunk-OQCPCSYI.mjs";
+} from "../chunk-XWF2DDXB.mjs";
+import "../chunk-S6KKPOPH.mjs";
 import {
   theme
 } from "../chunk-N535ABFC.mjs";
 import {
   Box
-} from "../chunk-WPNBONR3.mjs";
+} from "../chunk-LSB5JVS2.mjs";
 import "../chunk-OI24WXH6.mjs";
 import "../chunk-IFN22XIN.mjs";
-import "../chunk-4N6P3Y54.mjs";
+import "../chunk-DQ4T4WV3.mjs";
+import "../chunk-BALC5CGU.mjs";
 import {
   mergeClasses
 } from "../chunk-7EGQM3ZL.mjs";

package/dist/components/dropdown-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/dropdown-menu.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Flex } from \"@/components/flex\";\nimport {\n  menu,\n  menuItem,\n  menuLabel,\n  menuSeparator,\n} from \"@/theme/styles/menu.css\";\nimport { panel } from \"@/theme/styles/panel.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\n\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\ntype DropdownMenuContentProps = DropdownMenuPrimitive.DropdownMenuContentProps;\n\nexport const DropdownMenuContent = ({ ...props }: DropdownMenuContentProps) => {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        {...props}\n        className={mergeClasses(menu, panel, props.className)}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n};\n\ntype DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps;\n\nexport const DropdownMenuItem = ({ ...props }: DropdownMenuItemProps) => {\n  return (\n    <DropdownMenuPrimitive.Item\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Item>\n  );\n};\n\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\ntype DropdownMenuLabelProps = DropdownMenuPrimitive.DropdownMenuLabelProps;\n\nexport const DropdownMenuLabel = ({ ...props }: DropdownMenuLabelProps) => {\n  return (\n    <DropdownMenuPrimitive.Label\n      {...props}\n      className={mergeClasses(menuLabel, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Label>\n  );\n};\n\ntype DropdownMenuSeparatorProps =\n  DropdownMenuPrimitive.DropdownMenuSeparatorProps;\n\nexport const DropdownMenuSeparator = ({\n  ...props\n}: DropdownMenuSeparatorProps) => {\n  return (\n    <DropdownMenuPrimitive.Separator\n      {...props}\n      className={mergeClasses(menuSeparator, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Separator>\n  );\n};\n\ntype DropdownMenuCheckboxItemProps =\n  DropdownMenuPrimitive.DropdownMenuCheckboxItemProps;\n\nexport const DropdownMenuCheckboxItem = ({\n  ...props\n}: DropdownMenuCheckboxItemProps) => {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      <Box asChild style={{ position: \"absolute\", left: theme.space[1] }}>\n        <span>\n          <DropdownMenuPrimitive.ItemIndicator>\n            <CheckIcon />\n          </DropdownMenuPrimitive.ItemIndicator>\n        </span>\n      </Box>\n      {props.children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n};\n\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\ntype DropdownMenuRadioItemProps =\n  DropdownMenuPrimitive.DropdownMenuRadioItemProps;\n\nexport const DropdownMenuRadioItem = ({\n  children,\n  ...props\n}: DropdownMenuRadioItemProps) => {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      <Box asChild style={{ position: \"absolute\", left: theme.space[1] }}>\n        <span>\n          <DropdownMenuPrimitive.ItemIndicator>\n            <Flex\n              style={{\n                width: theme.sizes[3],\n                height: theme.sizes[3],\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              }}\n            >\n              <Box\n                style={{\n                  width: theme.sizes[1],\n                  height: theme.sizes[1],\n                  backgroundColor: \"currentColor\",\n                  borderRadius: theme.radii.round,\n                }}\n              />\n            </Flex>\n          </DropdownMenuPrimitive.ItemIndicator>\n        </span>\n      </Box>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAY,2BAA2B;AACvC,SAAS,iBAAiB;AAWpB,cA2DF,YA3DE;AATC,IAAM,eAAqC;AAE3C,IAAM,sBAA4C;AAIlD,IAAM,sBAAsB,CAAC,EAAE,GAAG,MAAM,MAAgC;AAC7E,SACE,oBAAuB,8BAAtB,EACC;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA;AAAA,EACtD,GACF;AAEJ;AAIO,IAAM,mBAAmB,CAAC,EAAE,GAAG,MAAM,MAA6B;AACvE,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEhD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,oBAA0C;AAIhD,IAAM,oBAAoB,CAAC,EAAE,GAAG,MAAM,MAA8B;AACzE,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAKO,IAAM,wBAAwB,CAAC;AAAA,EACpC,GAAG;AACL,MAAkC;AAChC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,eAAe,MAAM,SAAS;AAAA,MAErD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAKO,IAAM,2BAA2B,CAAC;AAAA,EACvC,GAAG;AACL,MAAqC;AACnC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD;AAAA,4BAAC,OAAI,SAAO,MAAC,OAAO,EAAE,UAAU,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,GAC/D,8BAAC,UACC,8BAAuB,qCAAtB,EACC,8BAAC,aAAU,GACb,GACF,GACF;AAAA,QACC,MAAM;AAAA;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,yBAA+C;AAKrD,IAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA,GAAG;AACL,MAAkC;AAChC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD;AAAA,4BAAC,OAAI,SAAO,MAAC,OAAO,EAAE,UAAU,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,GAC/D,8BAAC,UACC,8BAAuB,qCAAtB,EACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO,MAAM,MAAM,CAAC;AAAA,cACpB,QAAQ,MAAM,MAAM,CAAC;AAAA,cACrB,YAAY;AAAA,cACZ,gBAAgB;AAAA,YAClB;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,OAAO,MAAM,MAAM,CAAC;AAAA,kBACpB,QAAQ,MAAM,MAAM,CAAC;AAAA,kBACrB,iBAAiB;AAAA,kBACjB,cAAc,MAAM,MAAM;AAAA,gBAC5B;AAAA;AAAA,YACF;AAAA;AAAA,QACF,GACF,GACF,GACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/dropdown-menu.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Flex } from \"@/components/flex\";\nimport {\n  menu,\n  menuItem,\n  menuLabel,\n  menuSeparator,\n} from \"@/theme/styles/menu.css\";\nimport { panel } from \"@/theme/styles/panel.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\nexport type DropdownMenuProps = DropdownMenuPrimitive.DropdownMenuProps;\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\n\nexport type DropdownMenuTriggerProps =\n  DropdownMenuPrimitive.DropdownMenuTriggerProps;\n\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nexport type DropdownMenuContentProps =\n  DropdownMenuPrimitive.DropdownMenuContentProps;\n\nexport const DropdownMenuContent = ({ ...props }: DropdownMenuContentProps) => {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        {...props}\n        className={mergeClasses(menu, panel, props.className)}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n};\n\nexport type DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps;\n\nexport const DropdownMenuItem = ({ ...props }: DropdownMenuItemProps) => {\n  return (\n    <DropdownMenuPrimitive.Item\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Item>\n  );\n};\n\nexport type DropdownMenuGroupProps =\n  DropdownMenuPrimitive.DropdownMenuGroupProps;\n\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nexport type DropdownMenuLabelProps =\n  DropdownMenuPrimitive.DropdownMenuLabelProps;\n\nexport const DropdownMenuLabel = ({ ...props }: DropdownMenuLabelProps) => {\n  return (\n    <DropdownMenuPrimitive.Label\n      {...props}\n      className={mergeClasses(menuLabel, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Label>\n  );\n};\n\nexport type DropdownMenuSeparatorProps =\n  DropdownMenuPrimitive.DropdownMenuSeparatorProps;\n\nexport const DropdownMenuSeparator = ({\n  ...props\n}: DropdownMenuSeparatorProps) => {\n  return (\n    <DropdownMenuPrimitive.Separator\n      {...props}\n      className={mergeClasses(menuSeparator, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Separator>\n  );\n};\n\nexport type DropdownMenuCheckboxItemProps =\n  DropdownMenuPrimitive.DropdownMenuCheckboxItemProps;\n\nexport const DropdownMenuCheckboxItem = ({\n  ...props\n}: DropdownMenuCheckboxItemProps) => {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      <Box asChild style={{ position: \"absolute\", left: theme.space[1] }}>\n        <span>\n          <DropdownMenuPrimitive.ItemIndicator>\n            <CheckIcon />\n          </DropdownMenuPrimitive.ItemIndicator>\n        </span>\n      </Box>\n      {props.children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n};\n\nexport type DropdownMenuRadioGroupProps =\n  DropdownMenuPrimitive.DropdownMenuRadioGroupProps;\n\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nexport type DropdownMenuRadioItemProps =\n  DropdownMenuPrimitive.DropdownMenuRadioItemProps;\n\nexport const DropdownMenuRadioItem = ({\n  children,\n  ...props\n}: DropdownMenuRadioItemProps) => {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      <Box asChild style={{ position: \"absolute\", left: theme.space[1] }}>\n        <span>\n          <DropdownMenuPrimitive.ItemIndicator>\n            <Flex\n              style={{\n                width: theme.sizes[3],\n                height: theme.sizes[3],\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              }}\n            >\n              <Box\n                style={{\n                  width: theme.sizes[1],\n                  height: theme.sizes[1],\n                  backgroundColor: \"currentColor\",\n                  borderRadius: theme.radii.round,\n                }}\n              />\n            </Flex>\n          </DropdownMenuPrimitive.ItemIndicator>\n        </span>\n      </Box>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAY,2BAA2B;AACvC,SAAS,iBAAiB;AAiBpB,cA+DF,YA/DE;AAbC,IAAM,eAAqC;AAK3C,IAAM,sBAA4C;AAKlD,IAAM,sBAAsB,CAAC,EAAE,GAAG,MAAM,MAAgC;AAC7E,SACE,oBAAuB,8BAAtB,EACC;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA;AAAA,EACtD,GACF;AAEJ;AAIO,IAAM,mBAAmB,CAAC,EAAE,GAAG,MAAM,MAA6B;AACvE,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEhD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAKO,IAAM,oBAA0C;AAKhD,IAAM,oBAAoB,CAAC,EAAE,GAAG,MAAM,MAA8B;AACzE,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAKO,IAAM,wBAAwB,CAAC;AAAA,EACpC,GAAG;AACL,MAAkC;AAChC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,eAAe,MAAM,SAAS;AAAA,MAErD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAKO,IAAM,2BAA2B,CAAC;AAAA,EACvC,GAAG;AACL,MAAqC;AACnC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD;AAAA,4BAAC,OAAI,SAAO,MAAC,OAAO,EAAE,UAAU,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,GAC/D,8BAAC,UACC,8BAAuB,qCAAtB,EACC,8BAAC,aAAU,GACb,GACF,GACF;AAAA,QACC,MAAM;AAAA;AAAA;AAAA,EACT;AAEJ;AAKO,IAAM,yBAA+C;AAKrD,IAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA,GAAG;AACL,MAAkC;AAChC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD;AAAA,4BAAC,OAAI,SAAO,MAAC,OAAO,EAAE,UAAU,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,GAC/D,8BAAC,UACC,8BAAuB,qCAAtB,EACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO,MAAM,MAAM,CAAC;AAAA,cACpB,QAAQ,MAAM,MAAM,CAAC;AAAA,cACrB,YAAY;AAAA,cACZ,gBAAgB;AAAA,YAClB;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,OAAO,MAAM,MAAM,CAAC;AAAA,kBACpB,QAAQ,MAAM,MAAM,CAAC;AAAA,kBACrB,iBAAiB;AAAA,kBACjB,cAAc,MAAM,MAAM;AAAA,gBAC5B;AAAA;AAAA,YACF;AAAA;AAAA,QACF,GACF,GACF,GACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/flex.css

@@ -1,4 +1,4 @@
-/* vanilla-extract-css-ns:src/theme/recipes/flex.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62Zy3LiOBhG93kKL7sX7sIXjKE3/QyzmSXliwAH32I7MWSq330KA/InWbLhN6ss0DlWhVin8uvXLmWn7dbynfBsHxfGf2+GERYns06+k3y/McKiilllhsXp95thxEldpsF5Y1yo329/3351eJAm+3xbN0HVcJXVqbpPzKRhWX2FzG6VjEYsb1jFWXvIXlfIHMtjDjmaB7I8Hu60Yk104Kg7RG9LZDIMapYmOePocoje1/RsnFQsapIi31ZFy1GvQ7s98gUboypaFRgV6WeWc3alZK+LNM/9h32xqu537useb1bXlfptyKr1yG6Gtn1Qbi3OBh27D8qN8RVUP0yzLoOImZcF6zxkfrz4KaI2R0M1anPUklCHo5EadThqS6jL0ViNuhx1JHTJUaZGlxx1JdTj6E6NehxdSuiKo3s1uuKoJ6E+Rw9q1OfoSkLXHE3U6JqjPqDvn3WT7M7SEfLeKW6fmVGRNyxv1MfIXSAdJEe1QT5M7jQeJ+nIw4Uj5Q6HrGkZ61/RTC24/hpui3tLWwXlNi/+vfy4G/L+tbp8vDHy4vJTglpEChnRAPIbXKo4fHX/ZCxOAqOOKsZyI8hj40eW5GabxM1hYyztRXn62TmGRTjV/DEf3ZKRLBjGX8lx+0ZBUqkk9690KLh8qUDX2i103+qQv8cCHI3KwYsxVPBqgONT5ejTgRIxH+D4ujmUDVEbbh0BSauR3GOi3cn9bwhcJ/2G+j+msY0pnOfR/am118SA5PsmmeiM7LDRYS10ErE4ssQRJJZOIrZHlriCxNZJxArJkqUgcXQSsUeyxBMkrk4ilkmWrATJUicRGyVLfEHi6SRirWTJWpCsdBKxWygR24Uy/yYbLZhKNTzzrLXOpTr4sGcoCUY3NDj/5LKhKtSppL6hDxuHrgjfcLF0A7yV4XgIj6CK88ViaoN4skwVcOX5+gLWWf+0HTmBaNk/30DED9QIoiShVhAl79QMouRI7iBa0rkhRFn2qhKiNCenEC0FtYUoKaktRMkHtYUoqagtRElNbSFKGmoLUfJJbSFKvqgtREk7t4UoO81sIbrO1Bai5HteC0FlL2a2EF3Wsy1E2Ca1EA3OK1poLWxXH8Os/x/bdskxRMvy+Rgi7lFjiJIVNYYo8akxRMmaHEO0BHNjiLLwVTFEaUSOIVpiagxRwqgxRMmOGkOU7KkxRMmBGkOUJNQYouSdGkOUHKkxREk6N4Yoy2bGEF05NYYoKebFEFXlzBii6+PZGCJckWKIhvolMbT9kdlouu8fp5wqPhRDtCjniuMxRPyLGkOUtNQYouREjSFKdMPD6Rii5XtuDEHmLF4VQ5Ra5BiiRTtWnIohSrRjxakYokQ7VpyKIUq0Y8WpGKJEO1aciiFKtGPFqRiixKfGECVragxREsyNIcq0k8QHY4iuiBpDlMTzYogqNjOG6No9G0OE96QYouHwkhh67thFYdo/TjlcfCiGaFFOFyeuCgE/UmOIkpQaQ5Rk1BiiRDc+fOC6ECzF3BiirHxVDFH6QY4hWrRzxckrQ5Bo54qTV4Yg0c4VJ68MQaKdK05eGYJEO1ecvDIEiXauOHllCJITNYYoOVNjiBLt1fLDV4a9zNWOEh+MIbosagxRYs+LIaqcmTFEl/tsDBFekmKIBu+hGP4P33UAM1wpAAA= */
+/* vanilla-extract-css-ns:src/theme/recipes/flex.css.ts.vanilla.css?source=#H4sIAAAAAAAAA63ZzXLiOBQF4H2ewsvuBV1IMn/pTT/DbGaZMkgYJ5JNLCeYTPW7T9mALF1JBt/KKov4HASI+1VJv/ZStC8vZM22Z/o2T/57SpJt1c508VWU+XOyrWou6tm2an8/JQkv9FFm5+ekS/1++vv0q49nssjLF91kdWOqSF/V/2dWNELpS2jWPwWjO1E2ojZZ6mcvT8CcKLkJscgLipL7K61FszuYaOpHr4/A5DbTQhalMNGFH709M2R5UYtdU1TlS12dTHTZR/s1mgeek7o6hYK7Sn6o0mRXwezlocjr/iM+Ra2Hla9jLz+rL0/GlwGrNiOr8dvy7PhCTDbrs3l2fE4+s/rHbKaP2U7Mugc25Vas+fynG6Umug1HqYkSEGUmugtHmYlSEE1NlIejqYkyEF2YqAhHFyaagujSRPfh6NJEFyC6MtE8HF2Z6BJE1yZ6CEfXJroC0Y2JFuHoxkTXVvT1QzfF/gxGyGtfcf3fbFeVjSib8Bi5FYBB8hZugMPklrbHiRx5cWek3MJb0ZyEGH6iKlxw+RiuDw8tpzo7vpTVv92fW0M5/Ky6fz8nZdX9BaGTHalgJBKAv+BjKGf/dP8owYss0btaiDLJSp78UEU5OxW8OTwnCzo/tj/7Dntathp8o+/9IyMsJMlfvwN8qXWo5PaVBgvs71VHl9B/q8E89KIJdRgxghUeHB+hjoEOu2QYv612BPm8dgQNiTYASk6RkhsmYyuB26iNL2jYTHcWBjvPo+sL13ajqNWWMl/XkjvOBDoGbsg8VuKKEygZ4CEkVuLaEygZCCI0VuIqFCgZMCIsVuJ6FCgZWCJprMSVKVAyAEUWsRLXqEDJQBVZxkpcrQIlA1pkFStx3bJLbvPfG3ZkfS0bFSxSBWYe2cS6QoPP6rFHH8lGF+TNP6sG4ka2sSrgm93X69NqyBzZ2b9wV7pQ3AGPcD88HoXzhYhwgztZ7gm4Wq5DAmoFN8V+OoFaedshn2agVu5GOExFsH8fLoKkmKigVr6C5BXDoFYOg+RtuoPdZ+o6SCQKwstavE2l8BKapXmlJZJCrSwKSYWzUCvbwiPOQq1sC99xFmplW1jjLNTKtlDjLNTKtrDBWaiVbeEHzkKtbAs/cRZqZVt4wlvoj70Wa2Fg+J0xFsIR+IWzsBtiwEI6x1qoFbSQkgkWauVaSOnDFl6jcMJQ9h0WkjlNQxgqDnYFTadjqLh3WriYhqHizk6gy6kY9u/DxZCuJmKouI8hXWMwVNzBkG6mY9h9pi6GNENheFmLt6u2eAzN0rzSHRJDxS0MKcdhqLiFIRU4DBW3MKR7HIaKWxjSHIeh4haG9IDDUHELQ1rgMFTcwpC+4jBU3MKQvuEwVNzCkEo8hv7YU1gMA8OvxGAIR2CFw7AbYhDDIxZDxT0M3ydgqDjAsH4Yw2vUmzD6WzCk6+DZqMzhrgieKo5jKHNvPwTPFeMYytzdCZ9TMezfB8DwNBFDmQcwbDEYytzFMHZ4OIJh95kCDL9QGF7WAncVm+MxNEvzSgkSQ5lbGLLoseI4hjK3MGTRY8VxDGVuYciix4rjGMrcwpBFjxXHMZS5hSGLHiuOYyhzC0MWPVYcx1DmFoZsjcNQ5haGbIPDUOYWhizDY+iNPRY9SbyHoT/82A6DIRiBjOMw7IYYwJAJLIYyhxiy/QQMZe5iyPKHMbxGvQlz+BYMl2n4olDCXRE8XBzHsJXefgieLo5cFUp3J7xNxbB/Hy6GTE7EsJU+hkxhMGylgyGLHR+OXRdKiCGrUBhe1uLtqiMeQ7M0r/QdiWErbQyj54p3rgyljWH0XPHOlaG0MYyeK965MpQ2htFzxTtXhtLGMHqueOfKUNoYRs8V71wZShvDFodhK20MzzgMW2ljGL1afuDKEI69NHqUeA9Df/ilBIMhGIEpxWHYDTGAYcqwGLYSYpimEzBspYthungYw2sUTph0+RCG/wPFhQKmXCkAAA== */
 .flex__183by2k0 {
   box-sizing: border-box;
   display: flex;
@@ -79,387 +79,387 @@
   flex-wrap: wrap-reverse;
 }
 @media screen and (min-width: 520px) {
-  .flex_align_start_xs__183by2kq {
+  .flex_align_xs_start__183by2kq {
     align-items: flex-start;
   }
-  .flex_align_center_xs__183by2kr {
+  .flex_align_xs_center__183by2kr {
     align-items: center;
   }
-  .flex_align_end_xs__183by2ks {
+  .flex_align_xs_end__183by2ks {
     align-items: flex-end;
   }
-  .flex_align_stretch_xs__183by2kt {
+  .flex_align_xs_stretch__183by2kt {
     align-items: stretch;
   }
-  .flex_align_baseline_xs__183by2ku {
+  .flex_align_xs_baseline__183by2ku {
     align-items: baseline;
   }
-  .flex_direction_row_xs__183by2kv {
+  .flex_direction_xs_row__183by2kv {
     flex-direction: row;
   }
-  .flex_direction_column_xs__183by2kw {
+  .flex_direction_xs_column__183by2kw {
     flex-direction: column;
   }
-  .flex_direction_rowReverse_xs__183by2kx {
+  .flex_direction_xs_rowReverse__183by2kx {
     flex-direction: row-reverse;
   }
-  .flex_direction_columnReverse_xs__183by2ky {
+  .flex_direction_xs_columnReverse__183by2ky {
     flex-direction: column-reverse;
   }
-  .flex_gap_1_xs__183by2kz {
+  .flex_gap_xs_1__183by2kz {
     gap: var(--space-1__19nbe8d0);
   }
-  .flex_gap_2_xs__183by2k10 {
+  .flex_gap_xs_2__183by2k10 {
     gap: var(--space-2__19nbe8d1);
   }
-  .flex_gap_3_xs__183by2k11 {
+  .flex_gap_xs_3__183by2k11 {
     gap: var(--space-3__19nbe8d2);
   }
-  .flex_gap_4_xs__183by2k12 {
+  .flex_gap_xs_4__183by2k12 {
     gap: var(--space-4__19nbe8d3);
   }
-  .flex_gap_5_xs__183by2k13 {
+  .flex_gap_xs_5__183by2k13 {
     gap: var(--space-5__19nbe8d4);
   }
-  .flex_gap_6_xs__183by2k14 {
+  .flex_gap_xs_6__183by2k14 {
     gap: var(--space-6__19nbe8d5);
   }
-  .flex_gap_7_xs__183by2k15 {
+  .flex_gap_xs_7__183by2k15 {
     gap: var(--space-7__19nbe8d6);
   }
-  .flex_gap_8_xs__183by2k16 {
+  .flex_gap_xs_8__183by2k16 {
     gap: var(--space-8__19nbe8d7);
   }
-  .flex_gap_9_xs__183by2k17 {
+  .flex_gap_xs_9__183by2k17 {
     gap: var(--space-9__19nbe8d8);
   }
-  .flex_justify_start_xs__183by2k18 {
+  .flex_justify_xs_start__183by2k18 {
     justify-content: flex-start;
   }
-  .flex_justify_center_xs__183by2k19 {
+  .flex_justify_xs_center__183by2k19 {
     justify-content: center;
   }
-  .flex_justify_end_xs__183by2k1a {
+  .flex_justify_xs_end__183by2k1a {
     justify-content: flex-end;
   }
-  .flex_justify_between_xs__183by2k1b {
+  .flex_justify_xs_between__183by2k1b {
     justify-content: space-between;
   }
-  .flex_wrap_noWrap_xs__183by2k1c {
+  .flex_wrap_xs_noWrap__183by2k1c {
     flex-wrap: nowrap;
   }
-  .flex_wrap_wrap_xs__183by2k1d {
+  .flex_wrap_xs_wrap__183by2k1d {
     flex-wrap: wrap;
   }
-  .flex_wrap_wrapReverse_xs__183by2k1e {
+  .flex_wrap_xs_wrapReverse__183by2k1e {
     flex-wrap: wrap-reverse;
   }
 }
 @media screen and (min-width: 768px) {
-  .flex_align_start_sm__183by2k1f {
+  .flex_align_sm_start__183by2k1f {
     align-items: flex-start;
   }
-  .flex_align_center_sm__183by2k1g {
+  .flex_align_sm_center__183by2k1g {
     align-items: center;
   }
-  .flex_align_end_sm__183by2k1h {
+  .flex_align_sm_end__183by2k1h {
     align-items: flex-end;
   }
-  .flex_align_stretch_sm__183by2k1i {
+  .flex_align_sm_stretch__183by2k1i {
     align-items: stretch;
   }
-  .flex_align_baseline_sm__183by2k1j {
+  .flex_align_sm_baseline__183by2k1j {
     align-items: baseline;
   }
-  .flex_direction_row_sm__183by2k1k {
+  .flex_direction_sm_row__183by2k1k {
     flex-direction: row;
   }
-  .flex_direction_column_sm__183by2k1l {
+  .flex_direction_sm_column__183by2k1l {
     flex-direction: column;
   }
-  .flex_direction_rowReverse_sm__183by2k1m {
+  .flex_direction_sm_rowReverse__183by2k1m {
     flex-direction: row-reverse;
   }
-  .flex_direction_columnReverse_sm__183by2k1n {
+  .flex_direction_sm_columnReverse__183by2k1n {
     flex-direction: column-reverse;
   }
-  .flex_gap_1_sm__183by2k1o {
+  .flex_gap_sm_1__183by2k1o {
     gap: var(--space-1__19nbe8d0);
   }
-  .flex_gap_2_sm__183by2k1p {
+  .flex_gap_sm_2__183by2k1p {
     gap: var(--space-2__19nbe8d1);
   }
-  .flex_gap_3_sm__183by2k1q {
+  .flex_gap_sm_3__183by2k1q {
     gap: var(--space-3__19nbe8d2);
   }
-  .flex_gap_4_sm__183by2k1r {
+  .flex_gap_sm_4__183by2k1r {
     gap: var(--space-4__19nbe8d3);
   }
-  .flex_gap_5_sm__183by2k1s {
+  .flex_gap_sm_5__183by2k1s {
     gap: var(--space-5__19nbe8d4);
   }
-  .flex_gap_6_sm__183by2k1t {
+  .flex_gap_sm_6__183by2k1t {
     gap: var(--space-6__19nbe8d5);
   }
-  .flex_gap_7_sm__183by2k1u {
+  .flex_gap_sm_7__183by2k1u {
     gap: var(--space-7__19nbe8d6);
   }
-  .flex_gap_8_sm__183by2k1v {
+  .flex_gap_sm_8__183by2k1v {
     gap: var(--space-8__19nbe8d7);
   }
-  .flex_gap_9_sm__183by2k1w {
+  .flex_gap_sm_9__183by2k1w {
     gap: var(--space-9__19nbe8d8);
   }
-  .flex_justify_start_sm__183by2k1x {
+  .flex_justify_sm_start__183by2k1x {
     justify-content: flex-start;
   }
-  .flex_justify_center_sm__183by2k1y {
+  .flex_justify_sm_center__183by2k1y {
     justify-content: center;
   }
-  .flex_justify_end_sm__183by2k1z {
+  .flex_justify_sm_end__183by2k1z {
     justify-content: flex-end;
   }
-  .flex_justify_between_sm__183by2k20 {
+  .flex_justify_sm_between__183by2k20 {
     justify-content: space-between;
   }
-  .flex_wrap_noWrap_sm__183by2k21 {
+  .flex_wrap_sm_noWrap__183by2k21 {
     flex-wrap: nowrap;
   }
-  .flex_wrap_wrap_sm__183by2k22 {
+  .flex_wrap_sm_wrap__183by2k22 {
     flex-wrap: wrap;
   }
-  .flex_wrap_wrapReverse_sm__183by2k23 {
+  .flex_wrap_sm_wrapReverse__183by2k23 {
     flex-wrap: wrap-reverse;
   }
 }
 @media screen and (min-width: 1024px) {
-  .flex_align_start_md__183by2k24 {
+  .flex_align_md_start__183by2k24 {
     align-items: flex-start;
   }
-  .flex_align_center_md__183by2k25 {
+  .flex_align_md_center__183by2k25 {
     align-items: center;
   }
-  .flex_align_end_md__183by2k26 {
+  .flex_align_md_end__183by2k26 {
     align-items: flex-end;
   }
-  .flex_align_stretch_md__183by2k27 {
+  .flex_align_md_stretch__183by2k27 {
     align-items: stretch;
   }
-  .flex_align_baseline_md__183by2k28 {
+  .flex_align_md_baseline__183by2k28 {
     align-items: baseline;
   }
-  .flex_direction_row_md__183by2k29 {
+  .flex_direction_md_row__183by2k29 {
     flex-direction: row;
   }
-  .flex_direction_column_md__183by2k2a {
+  .flex_direction_md_column__183by2k2a {
     flex-direction: column;
   }
-  .flex_direction_rowReverse_md__183by2k2b {
+  .flex_direction_md_rowReverse__183by2k2b {
     flex-direction: row-reverse;
   }
-  .flex_direction_columnReverse_md__183by2k2c {
+  .flex_direction_md_columnReverse__183by2k2c {
     flex-direction: column-reverse;
   }
-  .flex_gap_1_md__183by2k2d {
+  .flex_gap_md_1__183by2k2d {
     gap: var(--space-1__19nbe8d0);
   }
-  .flex_gap_2_md__183by2k2e {
+  .flex_gap_md_2__183by2k2e {
     gap: var(--space-2__19nbe8d1);
   }
-  .flex_gap_3_md__183by2k2f {
+  .flex_gap_md_3__183by2k2f {
     gap: var(--space-3__19nbe8d2);
   }
-  .flex_gap_4_md__183by2k2g {
+  .flex_gap_md_4__183by2k2g {
     gap: var(--space-4__19nbe8d3);
   }
-  .flex_gap_5_md__183by2k2h {
+  .flex_gap_md_5__183by2k2h {
     gap: var(--space-5__19nbe8d4);
   }
-  .flex_gap_6_md__183by2k2i {
+  .flex_gap_md_6__183by2k2i {
     gap: var(--space-6__19nbe8d5);
   }
-  .flex_gap_7_md__183by2k2j {
+  .flex_gap_md_7__183by2k2j {
     gap: var(--space-7__19nbe8d6);
   }
-  .flex_gap_8_md__183by2k2k {
+  .flex_gap_md_8__183by2k2k {
     gap: var(--space-8__19nbe8d7);
   }
-  .flex_gap_9_md__183by2k2l {
+  .flex_gap_md_9__183by2k2l {
     gap: var(--space-9__19nbe8d8);
   }
-  .flex_justify_start_md__183by2k2m {
+  .flex_justify_md_start__183by2k2m {
     justify-content: flex-start;
   }
-  .flex_justify_center_md__183by2k2n {
+  .flex_justify_md_center__183by2k2n {
     justify-content: center;
   }
-  .flex_justify_end_md__183by2k2o {
+  .flex_justify_md_end__183by2k2o {
     justify-content: flex-end;
   }
-  .flex_justify_between_md__183by2k2p {
+  .flex_justify_md_between__183by2k2p {
     justify-content: space-between;
   }
-  .flex_wrap_noWrap_md__183by2k2q {
+  .flex_wrap_md_noWrap__183by2k2q {
     flex-wrap: nowrap;
   }
-  .flex_wrap_wrap_md__183by2k2r {
+  .flex_wrap_md_wrap__183by2k2r {
     flex-wrap: wrap;
   }
-  .flex_wrap_wrapReverse_md__183by2k2s {
+  .flex_wrap_md_wrapReverse__183by2k2s {
     flex-wrap: wrap-reverse;
   }
 }
 @media screen and (min-width: 1280px) {
-  .flex_align_start_lg__183by2k2t {
+  .flex_align_lg_start__183by2k2t {
     align-items: flex-start;
   }
-  .flex_align_center_lg__183by2k2u {
+  .flex_align_lg_center__183by2k2u {
     align-items: center;
   }
-  .flex_align_end_lg__183by2k2v {
+  .flex_align_lg_end__183by2k2v {
     align-items: flex-end;
   }
-  .flex_align_stretch_lg__183by2k2w {
+  .flex_align_lg_stretch__183by2k2w {
     align-items: stretch;
   }
-  .flex_align_baseline_lg__183by2k2x {
+  .flex_align_lg_baseline__183by2k2x {
     align-items: baseline;
   }
-  .flex_direction_row_lg__183by2k2y {
+  .flex_direction_lg_row__183by2k2y {
     flex-direction: row;
   }
-  .flex_direction_column_lg__183by2k2z {
+  .flex_direction_lg_column__183by2k2z {
     flex-direction: column;
   }
-  .flex_direction_rowReverse_lg__183by2k30 {
+  .flex_direction_lg_rowReverse__183by2k30 {
     flex-direction: row-reverse;
   }
-  .flex_direction_columnReverse_lg__183by2k31 {
+  .flex_direction_lg_columnReverse__183by2k31 {
     flex-direction: column-reverse;
   }
-  .flex_gap_1_lg__183by2k32 {
+  .flex_gap_lg_1__183by2k32 {
     gap: var(--space-1__19nbe8d0);
   }
-  .flex_gap_2_lg__183by2k33 {
+  .flex_gap_lg_2__183by2k33 {
     gap: var(--space-2__19nbe8d1);
   }
-  .flex_gap_3_lg__183by2k34 {
+  .flex_gap_lg_3__183by2k34 {
     gap: var(--space-3__19nbe8d2);
   }
-  .flex_gap_4_lg__183by2k35 {
+  .flex_gap_lg_4__183by2k35 {
     gap: var(--space-4__19nbe8d3);
   }
-  .flex_gap_5_lg__183by2k36 {
+  .flex_gap_lg_5__183by2k36 {
     gap: var(--space-5__19nbe8d4);
   }
-  .flex_gap_6_lg__183by2k37 {
+  .flex_gap_lg_6__183by2k37 {
     gap: var(--space-6__19nbe8d5);
   }
-  .flex_gap_7_lg__183by2k38 {
+  .flex_gap_lg_7__183by2k38 {
     gap: var(--space-7__19nbe8d6);
   }
-  .flex_gap_8_lg__183by2k39 {
+  .flex_gap_lg_8__183by2k39 {
     gap: var(--space-8__19nbe8d7);
   }
-  .flex_gap_9_lg__183by2k3a {
+  .flex_gap_lg_9__183by2k3a {
     gap: var(--space-9__19nbe8d8);
   }
-  .flex_justify_start_lg__183by2k3b {
+  .flex_justify_lg_start__183by2k3b {
     justify-content: flex-start;
   }
-  .flex_justify_center_lg__183by2k3c {
+  .flex_justify_lg_center__183by2k3c {
     justify-content: center;
   }
-  .flex_justify_end_lg__183by2k3d {
+  .flex_justify_lg_end__183by2k3d {
     justify-content: flex-end;
   }
-  .flex_justify_between_lg__183by2k3e {
+  .flex_justify_lg_between__183by2k3e {
     justify-content: space-between;
   }
-  .flex_wrap_noWrap_lg__183by2k3f {
+  .flex_wrap_lg_noWrap__183by2k3f {
     flex-wrap: nowrap;
   }
-  .flex_wrap_wrap_lg__183by2k3g {
+  .flex_wrap_lg_wrap__183by2k3g {
     flex-wrap: wrap;
   }
-  .flex_wrap_wrapReverse_lg__183by2k3h {
+  .flex_wrap_lg_wrapReverse__183by2k3h {
     flex-wrap: wrap-reverse;
   }
 }
 @media screen and (min-width: 1640px) {
-  .flex_align_start_xl__183by2k3i {
+  .flex_align_xl_start__183by2k3i {
     align-items: flex-start;
   }
-  .flex_align_center_xl__183by2k3j {
+  .flex_align_xl_center__183by2k3j {
     align-items: center;
   }
-  .flex_align_end_xl__183by2k3k {
+  .flex_align_xl_end__183by2k3k {
     align-items: flex-end;
   }
-  .flex_align_stretch_xl__183by2k3l {
+  .flex_align_xl_stretch__183by2k3l {
     align-items: stretch;
   }
-  .flex_align_baseline_xl__183by2k3m {
+  .flex_align_xl_baseline__183by2k3m {
     align-items: baseline;
   }
-  .flex_direction_row_xl__183by2k3n {
+  .flex_direction_xl_row__183by2k3n {
     flex-direction: row;
   }
-  .flex_direction_column_xl__183by2k3o {
+  .flex_direction_xl_column__183by2k3o {
     flex-direction: column;
   }
-  .flex_direction_rowReverse_xl__183by2k3p {
+  .flex_direction_xl_rowReverse__183by2k3p {
     flex-direction: row-reverse;
   }
-  .flex_direction_columnReverse_xl__183by2k3q {
+  .flex_direction_xl_columnReverse__183by2k3q {
     flex-direction: column-reverse;
   }
-  .flex_gap_1_xl__183by2k3r {
+  .flex_gap_xl_1__183by2k3r {
     gap: var(--space-1__19nbe8d0);
   }
-  .flex_gap_2_xl__183by2k3s {
+  .flex_gap_xl_2__183by2k3s {
     gap: var(--space-2__19nbe8d1);
   }
-  .flex_gap_3_xl__183by2k3t {
+  .flex_gap_xl_3__183by2k3t {
     gap: var(--space-3__19nbe8d2);
   }
-  .flex_gap_4_xl__183by2k3u {
+  .flex_gap_xl_4__183by2k3u {
     gap: var(--space-4__19nbe8d3);
   }
-  .flex_gap_5_xl__183by2k3v {
+  .flex_gap_xl_5__183by2k3v {
     gap: var(--space-5__19nbe8d4);
   }
-  .flex_gap_6_xl__183by2k3w {
+  .flex_gap_xl_6__183by2k3w {
     gap: var(--space-6__19nbe8d5);
   }
-  .flex_gap_7_xl__183by2k3x {
+  .flex_gap_xl_7__183by2k3x {
     gap: var(--space-7__19nbe8d6);
   }
-  .flex_gap_8_xl__183by2k3y {
+  .flex_gap_xl_8__183by2k3y {
     gap: var(--space-8__19nbe8d7);
   }
-  .flex_gap_9_xl__183by2k3z {
+  .flex_gap_xl_9__183by2k3z {
     gap: var(--space-9__19nbe8d8);
   }
-  .flex_justify_start_xl__183by2k40 {
+  .flex_justify_xl_start__183by2k40 {
     justify-content: flex-start;
   }
-  .flex_justify_center_xl__183by2k41 {
+  .flex_justify_xl_center__183by2k41 {
     justify-content: center;
   }
-  .flex_justify_end_xl__183by2k42 {
+  .flex_justify_xl_end__183by2k42 {
     justify-content: flex-end;
   }
-  .flex_justify_between_xl__183by2k43 {
+  .flex_justify_xl_between__183by2k43 {
     justify-content: space-between;
   }
-  .flex_wrap_noWrap_xl__183by2k44 {
+  .flex_wrap_xl_noWrap__183by2k44 {
     flex-wrap: nowrap;
   }
-  .flex_wrap_wrap_xl__183by2k45 {
+  .flex_wrap_xl_wrap__183by2k45 {
     flex-wrap: wrap;
   }
-  .flex_wrap_wrapReverse_xl__183by2k46 {
+  .flex_wrap_xl_wrapReverse__183by2k46 {
     flex-wrap: wrap-reverse;
   }
 }