{"id":"Ix6U","dependencies":[{"name":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/node_modules/@chakra-ui/styled-system/dist/esm/config/flexbox.js.map","includedInParent":true,"mtime":1616745790711},{"name":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/example/package.json","includedInParent":true,"mtime":1616745785170},{"name":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/node_modules/@chakra-ui/styled-system/package.json","includedInParent":true,"mtime":1616745790711},{"name":"../create-transform","loc":{"line":1,"column":32},"parent":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/node_modules/@chakra-ui/styled-system/dist/esm/config/flexbox.js","resolved":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/node_modules/@chakra-ui/styled-system/dist/esm/create-transform.js"},{"name":"../utils","loc":{"line":2,"column":18},"parent":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/node_modules/@chakra-ui/styled-system/dist/esm/config/flexbox.js","resolved":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/node_modules/@chakra-ui/styled-system/dist/esm/utils/index.js"}],"generated":{"js":"\"use strict\";Object.defineProperty(exports,\"__esModule\",{value:!0}),exports.flexbox=void 0;var e=require(\"../create-transform\"),a=require(\"../utils\"),r={\"row-reverse\":{space:\"--chakra-space-x-reverse\",divide:\"--chakra-divide-x-reverse\"},\"column-reverse\":{space:\"--chakra-space-y-reverse\",divide:\"--chakra-divide-y-reverse\"}},s=\"& > :not(style) ~ :not(style)\",c={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:{transform(e){var a,{space:s,divide:c}=null!=(a=r[e])?a:{},l={flexDirection:e};return s&&(l[s]=1),c&&(l[c]=1),l}},spaceX:{static:{[s]:{marginInlineStart:\"calc(var(--chakra-space-x) * calc(1 - var(--chakra-space-x-reverse)))\",marginInlineEnd:\"calc(var(--chakra-space-x) * var(--chakra-space-x-reverse))\"}},transform:(0,e.createTransform)({scale:\"space\",transform:e=>null!==e?{\"--chakra-space-x\":e}:null})},spaceY:{static:{[s]:{marginTop:\"calc(var(--chakra-space-y) * calc(1 - var(--chakra-space-y-reverse)))\",marginBottom:\"calc(var(--chakra-space-y) * var(--chakra-space-y-reverse))\"}},transform:(0,e.createTransform)({scale:\"space\",transform:e=>null!=e?{\"--chakra-space-y\":e}:null})},flex:!0,flexFlow:!0,flexGrow:!0,flexShrink:!0,flexBasis:a.t.sizes(\"flexBasis\"),justifySelf:!0,alignSelf:!0,order:!0,placeItems:!0,placeContent:!0,placeSelf:!0,flexDir:a.t.prop(\"flexDirection\")};exports.flexbox=c;"},"sourceMaps":{"js":{"mappings":[{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":0}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":13}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":20}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":35}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":43}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":56}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":57}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":64}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":68}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":76}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":89}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":2,"column":0},"generated":{"line":1,"column":91}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":2,"column":0},"generated":{"line":1,"column":95}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":2,"column":0},"generated":{"line":1,"column":97}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":2,"column":0},"generated":{"line":1,"column":105}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":4,"column":0},"generated":{"line":1,"column":128}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":4,"column":0},"generated":{"line":1,"column":130}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":4,"column":0},"generated":{"line":1,"column":138}},{"source":"../../../src/config/flexbox.ts","name":"reverse","original":{"line":6,"column":6},"generated":{"line":1,"column":150}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":6,"column":16},"generated":{"line":1,"column":152}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":7,"column":17},"generated":{"line":1,"column":153}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":7,"column":17},"generated":{"line":1,"column":167}},{"source":"../../../src/config/flexbox.ts","name":"space","original":{"line":8,"column":4},"generated":{"line":1,"column":168}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":8,"column":11},"generated":{"line":1,"column":174}},{"source":"../../../src/config/flexbox.ts","name":"divide","original":{"line":9,"column":4},"generated":{"line":1,"column":201}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":9,"column":12},"generated":{"line":1,"column":208}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":11,"column":20},"generated":{"line":1,"column":237}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":11,"column":20},"generated":{"line":1,"column":254}},{"source":"../../../src/config/flexbox.ts","name":"space","original":{"line":12,"column":4},"generated":{"line":1,"column":255}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":12,"column":11},"generated":{"line":1,"column":261}},{"source":"../../../src/config/flexbox.ts","name":"divide","original":{"line":13,"column":4},"generated":{"line":1,"column":288}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":13,"column":12},"generated":{"line":1,"column":295}},{"source":"../../../src/config/flexbox.ts","name":"owlSelector","original":{"line":17,"column":6},"generated":{"line":1,"column":325}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":17,"column":20},"generated":{"line":1,"column":327}},{"source":"../../../src/config/flexbox.ts","name":"flexbox","original":{"line":19,"column":13},"generated":{"line":1,"column":359}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":31},"generated":{"line":1,"column":361}},{"source":"../../../src/config/flexbox.ts","name":"alignItems","original":{"line":20,"column":2},"generated":{"line":1,"column":362}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":20,"column":14},"generated":{"line":1,"column":374}},{"source":"../../../src/config/flexbox.ts","name":"alignContent","original":{"line":21,"column":2},"generated":{"line":1,"column":376}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":21,"column":16},"generated":{"line":1,"column":390}},{"source":"../../../src/config/flexbox.ts","name":"justifyItems","original":{"line":22,"column":2},"generated":{"line":1,"column":392}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":22,"column":16},"generated":{"line":1,"column":406}},{"source":"../../../src/config/flexbox.ts","name":"justifyContent","original":{"line":23,"column":2},"generated":{"line":1,"column":408}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":23,"column":18},"generated":{"line":1,"column":424}},{"source":"../../../src/config/flexbox.ts","name":"flexWrap","original":{"line":24,"column":2},"generated":{"line":1,"column":426}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":24,"column":12},"generated":{"line":1,"column":436}},{"source":"../../../src/config/flexbox.ts","name":"flexDirection","original":{"line":25,"column":2},"generated":{"line":1,"column":438}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":25,"column":17},"generated":{"line":1,"column":452}},{"source":"../../../src/config/flexbox.ts","name":"transform","original":{"line":26,"column":4},"generated":{"line":1,"column":453}},{"source":"../../../src/config/flexbox.ts","name":"value","original":{"line":26,"column":14},"generated":{"line":1,"column":463}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":26,"column":21},"generated":{"line":1,"column":466}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":26,"column":21},"generated":{"line":1,"column":470}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":27,"column":12},"generated":{"line":1,"column":473}},{"source":"../../../src/config/flexbox.ts","name":"space","original":{"line":27,"column":14},"generated":{"line":1,"column":479}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":27,"column":12},"generated":{"line":1,"column":481}},{"source":"../../../src/config/flexbox.ts","name":"divide","original":{"line":27,"column":21},"generated":{"line":1,"column":488}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":27,"column":12},"generated":{"line":1,"column":491}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":27,"column":12},"generated":{"line":1,"column":498}},{"source":"../../../src/config/flexbox.ts","name":"reverse","original":{"line":27,"column":32},"generated":{"line":1,"column":500}},{"source":"../../../src/config/flexbox.ts","name":"value","original":{"line":27,"column":40},"generated":{"line":1,"column":502}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":27,"column":12},"generated":{"line":1,"column":506}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":27,"column":50},"generated":{"line":1,"column":508}},{"source":"../../../src/config/flexbox.ts","name":"result","original":{"line":28,"column":12},"generated":{"line":1,"column":511}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":28,"column":21},"generated":{"line":1,"column":513}},{"source":"../../../src/config/flexbox.ts","name":"flexDirection","original":{"line":28,"column":23},"generated":{"line":1,"column":514}},{"source":"../../../src/config/flexbox.ts","name":"value","original":{"line":28,"column":38},"generated":{"line":1,"column":528}},{"source":"../../../src/config/flexbox.ts","name":"result","original":{"line":31,"column":13},"generated":{"line":1,"column":531}},{"source":"../../../src/config/flexbox.ts","name":"space","original":{"line":29,"column":10},"generated":{"line":1,"column":538}},{"source":"../../../src/config/flexbox.ts","name":"result","original":{"line":29,"column":17},"generated":{"line":1,"column":542}},{"source":"../../../src/config/flexbox.ts","name":"space","original":{"line":29,"column":24},"generated":{"line":1,"column":544}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":29,"column":33},"generated":{"line":1,"column":547}},{"source":"../../../src/config/flexbox.ts","name":"divide","original":{"line":30,"column":10},"generated":{"line":1,"column":550}},{"source":"../../../src/config/flexbox.ts","name":"result","original":{"line":30,"column":18},"generated":{"line":1,"column":554}},{"source":"../../../src/config/flexbox.ts","name":"divide","original":{"line":30,"column":25},"generated":{"line":1,"column":556}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":30,"column":35},"generated":{"line":1,"column":559}},{"source":"../../../src/config/flexbox.ts","name":"result","original":{"line":31,"column":13},"generated":{"line":1,"column":562}},{"source":"../../../src/config/flexbox.ts","name":"spaceX","original":{"line":34,"column":2},"generated":{"line":1,"column":566}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":34,"column":10},"generated":{"line":1,"column":573}},{"source":"../../../src/config/flexbox.ts","name":"static","original":{"line":35,"column":4},"generated":{"line":1,"column":574}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":35,"column":12},"generated":{"line":1,"column":581}},{"source":"../../../src/config/flexbox.ts","name":"owlSelector","original":{"line":36,"column":7},"generated":{"line":1,"column":582}},{"source":"../../../src/config/flexbox.ts","name":"owlSelector","original":{"line":36,"column":7},"generated":{"line":1,"column":583}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":36,"column":21},"generated":{"line":1,"column":586}},{"source":"../../../src/config/flexbox.ts","name":"marginInlineStart","original":{"line":37,"column":8},"generated":{"line":1,"column":587}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":38,"column":10},"generated":{"line":1,"column":605}},{"source":"../../../src/config/flexbox.ts","name":"marginInlineEnd","original":{"line":39,"column":8},"generated":{"line":1,"column":677}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":40,"column":10},"generated":{"line":1,"column":693}},{"source":"../../../src/config/flexbox.ts","name":"transform","original":{"line":43,"column":4},"generated":{"line":1,"column":757}},{"source":"../../../src/config/flexbox.ts","name":"createTransform","original":{"line":43,"column":15},"generated":{"line":1,"column":768}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":43,"column":31},"generated":{"line":1,"column":770}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":43,"column":31},"generated":{"line":1,"column":772}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":43,"column":31},"generated":{"line":1,"column":789}},{"source":"../../../src/config/flexbox.ts","name":"scale","original":{"line":44,"column":6},"generated":{"line":1,"column":790}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":44,"column":13},"generated":{"line":1,"column":796}},{"source":"../../../src/config/flexbox.ts","name":"transform","original":{"line":45,"column":6},"generated":{"line":1,"column":804}},{"source":"../../../src/config/flexbox.ts","name":"value","original":{"line":45,"column":18},"generated":{"line":1,"column":814}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":46,"column":18},"generated":{"line":1,"column":817}},{"source":"../../../src/config/flexbox.ts","name":"value","original":{"line":46,"column":8},"generated":{"line":1,"column":824}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":46,"column":25},"generated":{"line":1,"column":826}},{"source":"../../../src/config/flexbox.ts","name":"value","original":{"line":46,"column":47},"generated":{"line":1,"column":827}},{"source":"../../../src/config/flexbox.ts","name":"value","original":{"line":46,"column":47},"generated":{"line":1,"column":846}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":46,"column":57},"generated":{"line":1,"column":849}},{"source":"../../../src/config/flexbox.ts","name":"spaceY","original":{"line":49,"column":2},"generated":{"line":1,"column":857}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":49,"column":10},"generated":{"line":1,"column":864}},{"source":"../../../src/config/flexbox.ts","name":"static","original":{"line":50,"column":4},"generated":{"line":1,"column":865}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":50,"column":12},"generated":{"line":1,"column":872}},{"source":"../../../src/config/flexbox.ts","name":"owlSelector","original":{"line":51,"column":7},"generated":{"line":1,"column":873}},{"source":"../../../src/config/flexbox.ts","name":"owlSelector","original":{"line":51,"column":7},"generated":{"line":1,"column":874}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":51,"column":21},"generated":{"line":1,"column":877}},{"source":"../../../src/config/flexbox.ts","name":"marginTop","original":{"line":52,"column":8},"generated":{"line":1,"column":878}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":53,"column":10},"generated":{"line":1,"column":888}},{"source":"../../../src/config/flexbox.ts","name":"marginBottom","original":{"line":54,"column":8},"generated":{"line":1,"column":960}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":55,"column":10},"generated":{"line":1,"column":973}},{"source":"../../../src/config/flexbox.ts","name":"transform","original":{"line":58,"column":4},"generated":{"line":1,"column":1037}},{"source":"../../../src/config/flexbox.ts","name":"createTransform","original":{"line":58,"column":15},"generated":{"line":1,"column":1048}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":58,"column":31},"generated":{"line":1,"column":1050}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":58,"column":31},"generated":{"line":1,"column":1052}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":58,"column":31},"generated":{"line":1,"column":1069}},{"source":"../../../src/config/flexbox.ts","name":"scale","original":{"line":59,"column":6},"generated":{"line":1,"column":1070}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":59,"column":13},"generated":{"line":1,"column":1076}},{"source":"../../../src/config/flexbox.ts","name":"transform","original":{"line":60,"column":6},"generated":{"line":1,"column":1084}},{"source":"../../../src/config/flexbox.ts","name":"value","original":{"line":60,"column":18},"generated":{"line":1,"column":1094}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":61,"column":17},"generated":{"line":1,"column":1097}},{"source":"../../../src/config/flexbox.ts","name":"value","original":{"line":61,"column":8},"generated":{"line":1,"column":1103}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":61,"column":24},"generated":{"line":1,"column":1105}},{"source":"../../../src/config/flexbox.ts","name":"value","original":{"line":61,"column":46},"generated":{"line":1,"column":1106}},{"source":"../../../src/config/flexbox.ts","name":"value","original":{"line":61,"column":46},"generated":{"line":1,"column":1125}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":61,"column":56},"generated":{"line":1,"column":1128}},{"source":"../../../src/config/flexbox.ts","name":"flex","original":{"line":64,"column":2},"generated":{"line":1,"column":1136}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":64,"column":8},"generated":{"line":1,"column":1142}},{"source":"../../../src/config/flexbox.ts","name":"flexFlow","original":{"line":65,"column":2},"generated":{"line":1,"column":1144}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":65,"column":12},"generated":{"line":1,"column":1154}},{"source":"../../../src/config/flexbox.ts","name":"flexGrow","original":{"line":66,"column":2},"generated":{"line":1,"column":1156}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":66,"column":12},"generated":{"line":1,"column":1166}},{"source":"../../../src/config/flexbox.ts","name":"flexShrink","original":{"line":67,"column":2},"generated":{"line":1,"column":1168}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":67,"column":14},"generated":{"line":1,"column":1180}},{"source":"../../../src/config/flexbox.ts","name":"flexBasis","original":{"line":68,"column":2},"generated":{"line":1,"column":1182}},{"source":"../../../src/config/flexbox.ts","name":"t","original":{"line":68,"column":13},"generated":{"line":1,"column":1192}},{"source":"../../../src/config/flexbox.ts","name":"sizes","original":{"line":68,"column":15},"generated":{"line":1,"column":1194}},{"source":"../../../src/config/flexbox.ts","name":"sizes","original":{"line":68,"column":15},"generated":{"line":1,"column":1196}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":68,"column":21},"generated":{"line":1,"column":1202}},{"source":"../../../src/config/flexbox.ts","name":"justifySelf","original":{"line":69,"column":2},"generated":{"line":1,"column":1215}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":69,"column":15},"generated":{"line":1,"column":1228}},{"source":"../../../src/config/flexbox.ts","name":"alignSelf","original":{"line":70,"column":2},"generated":{"line":1,"column":1230}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":70,"column":13},"generated":{"line":1,"column":1241}},{"source":"../../../src/config/flexbox.ts","name":"order","original":{"line":71,"column":2},"generated":{"line":1,"column":1243}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":71,"column":9},"generated":{"line":1,"column":1250}},{"source":"../../../src/config/flexbox.ts","name":"placeItems","original":{"line":72,"column":2},"generated":{"line":1,"column":1252}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":72,"column":14},"generated":{"line":1,"column":1264}},{"source":"../../../src/config/flexbox.ts","name":"placeContent","original":{"line":73,"column":2},"generated":{"line":1,"column":1266}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":73,"column":16},"generated":{"line":1,"column":1280}},{"source":"../../../src/config/flexbox.ts","name":"placeSelf","original":{"line":74,"column":2},"generated":{"line":1,"column":1282}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":74,"column":13},"generated":{"line":1,"column":1293}},{"source":"../../../src/config/flexbox.ts","name":"flexDir","original":{"line":75,"column":2},"generated":{"line":1,"column":1295}},{"source":"../../../src/config/flexbox.ts","name":"t","original":{"line":75,"column":11},"generated":{"line":1,"column":1303}},{"source":"../../../src/config/flexbox.ts","name":"prop","original":{"line":75,"column":13},"generated":{"line":1,"column":1305}},{"source":"../../../src/config/flexbox.ts","name":"prop","original":{"line":75,"column":13},"generated":{"line":1,"column":1307}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":75,"column":18},"generated":{"line":1,"column":1312}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":1330}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":1338}},{"source":"../../../src/config/flexbox.ts","name":null,"original":{"line":19,"column":7},"generated":{"line":1,"column":1346}}],"sources":{"../../../src/config/flexbox.ts":"import * as CSS from \"csstype\"\nimport { createTransform } from \"../create-transform\"\nimport { Config } from \"../prop-config\"\nimport { Length, t, Token } from \"../utils\"\n\nconst reverse = {\n  \"row-reverse\": {\n    space: \"--chakra-space-x-reverse\",\n    divide: \"--chakra-divide-x-reverse\",\n  },\n  \"column-reverse\": {\n    space: \"--chakra-space-y-reverse\",\n    divide: \"--chakra-divide-y-reverse\",\n  },\n}\n\nconst owlSelector = \"& > :not(style) ~ :not(style)\"\n\nexport const flexbox: Config = {\n  alignItems: true,\n  alignContent: true,\n  justifyItems: true,\n  justifyContent: true,\n  flexWrap: true,\n  flexDirection: {\n    transform(value) {\n      const { space, divide } = reverse[value] ?? {}\n      const result = { flexDirection: value }\n      if (space) result[space] = 1\n      if (divide) result[divide] = 1\n      return result\n    },\n  },\n  spaceX: {\n    static: {\n      [owlSelector]: {\n        marginInlineStart:\n          \"calc(var(--chakra-space-x) * calc(1 - var(--chakra-space-x-reverse)))\",\n        marginInlineEnd:\n          \"calc(var(--chakra-space-x) * var(--chakra-space-x-reverse))\",\n      },\n    },\n    transform: createTransform({\n      scale: \"space\",\n      transform: (value) =>\n        value !== null ? { \"--chakra-space-x\": value } : null,\n    }),\n  },\n  spaceY: {\n    static: {\n      [owlSelector]: {\n        marginTop:\n          \"calc(var(--chakra-space-y) * calc(1 - var(--chakra-space-y-reverse)))\",\n        marginBottom:\n          \"calc(var(--chakra-space-y) * var(--chakra-space-y-reverse))\",\n      },\n    },\n    transform: createTransform({\n      scale: \"space\",\n      transform: (value) =>\n        value != null ? { \"--chakra-space-y\": value } : null,\n    }),\n  },\n  flex: true,\n  flexFlow: true,\n  flexGrow: true,\n  flexShrink: true,\n  flexBasis: t.sizes(\"flexBasis\"),\n  justifySelf: true,\n  alignSelf: true,\n  order: true,\n  placeItems: true,\n  placeContent: true,\n  placeSelf: true,\n  flexDir: t.prop(\"flexDirection\"),\n}\n\nexport interface FlexboxProps {\n  /**\n   * The CSS `align-items` property.\n   *\n   * It defines the `align-self` value on all direct children as a group.\n   *\n   * - In Flexbox, it controls the alignment of items on the Cross Axis.\n   * - In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/align-items)\n   */\n  alignItems?: Token<CSS.Property.AlignItems>\n  /**\n   * The CSS `align-content` property.\n   *\n   * It defines the distribution of space between and around\n   * content items along a flexbox's cross-axis or a grid's block axis.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/align-content)\n   */\n  alignContent?: Token<CSS.Property.AlignContent>\n  /**\n   * The CSS `justify-items` property.\n   *\n   * It defines the default `justify-self` for all items of the box,\n   * giving them all a default way of justifying each box\n   * along the appropriate axis.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/justify-items)\n   */\n  justifyItems?: Token<CSS.Property.JustifyItems>\n  /**\n   * The CSS `justify-content` property.\n   *\n   * It defines how the browser distributes space between and around content items\n   * along the main-axis of a flex container, and the inline axis of a grid container.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/justify-content)\n   */\n  justifyContent?: Token<CSS.Property.JustifyContent>\n  /**\n   * The CSS `flex-wrap` property.\n   *\n   * It defines whether flex items are forced onto one line or\n   * can wrap onto multiple lines. If wrapping is allowed,\n   * it sets the direction that lines are stacked.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/flex-wrap)\n   */\n  flexWrap?: Token<CSS.Property.FlexWrap>\n  /**\n   * The CSS `flex-flow` property.\n   *\n   * It is a shorthand property for `flex-direction` and `flex-wrap`.\n   * It specifies the direction of a flex container, as well as its wrapping behavior.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/flex-flow)\n   */\n  flexFlow?: Token<CSS.Property.FlexFlow>\n  /**\n   * The CSS `flex-basis` property.\n   *\n   * It defines the initial main size of a flex item.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/flex-basis)\n   */\n  flexBasis?: Token<CSS.Property.FlexBasis<Length>>\n  /**\n   * The CSS `flex-direction` property.\n   *\n   * It defines how flex items are placed in the flex container\n   * defining the main axis and the direction (normal or reversed).\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/flex-direction)\n   */\n  flexDirection?: Token<CSS.Property.FlexDirection>\n  /**\n   * The CSS `flex-direction` property.\n   *\n   * It defines how flex items are placed in the flex container\n   * defining the main axis and the direction (normal or reversed).\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/flex-direction)\n   */\n  flexDir?: Token<CSS.Property.FlexDirection>\n  /**\n   * The CSS `flex` property.\n   *\n   * It defines how a flex item will grow or shrink\n   * to fit the space available in its flex container.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/flex)\n   */\n  flex?: Token<CSS.Property.Flex<Length>>\n  /**\n   * The CSS `justify-self` property.\n   *\n   * It defines the way a box is justified inside its\n   * alignment container along the appropriate axis.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/flex-flow)\n   */\n  justifySelf?: Token<CSS.Property.JustifySelf>\n  /**\n   * The CSS `align-self` property.\n   *\n   * It works like `align-items`, but applies only to a\n   * single flexbox item, instead of all of them.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/align-self)\n   */\n  alignSelf?: Token<CSS.Property.AlignSelf>\n  /**\n   * The CSS `order` property.\n   *\n   * It defines the order to lay out an item in a flex or grid container.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/order)\n   */\n  order?: Token<CSS.Property.Order>\n  /**\n   * The CSS `flex-grow` property.\n   *\n   * It defines how much a flexbox item should grow\n   * if there's space available.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/flex-grow)\n   */\n  flexGrow?: Token<CSS.Property.FlexGrow | (string & number)>\n  /**\n   * The CSS `flex-shrink` property.\n   *\n   * It defines how much a flexbox item should shrink\n   * if there's not enough space available.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/flex-shrink)\n   */\n  flexShrink?: Token<CSS.Property.FlexShrink | (string & number)>\n  /**\n   * The CSS `place-items` property.\n   *\n   * It allows you to align items along both the block and\n   * inline directions at once (i.e. the align-items and justify-items properties)\n   * in a relevant layout system such as `Grid` or `Flex`.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/place-items)\n   */\n  placeItems?: Token<CSS.Property.PlaceItems>\n  /**\n   * The CSS `place-content` property.\n   *\n   * It allows you to align content along both the block and\n   * inline directions at once (i.e. the align-content and justify-content properties)\n   * in a relevant layout system such as Grid or Flexbox.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/place-content)\n   */\n  placeContent?: Token<CSS.Property.PlaceContent>\n  /**\n   * The CSS `place-self` property.\n   *\n   * It allows you to align an individual item in both the block and\n   * inline directions at once (i.e. the align-self and justify-self properties)\n   * in a relevant layout system such as Grid or Flexbox.\n   *\n   * @see [Mozilla Docs](https://developer.mozilla.org/docs/Web/CSS/place-self)\n   */\n  placeSelf?: Token<CSS.Property.PlaceSelf>\n  /**\n   * Controls the horizontal space between elements\n   */\n  // spaceX?: Token<CSS.Property.Margin | number, \"space\">\n  /**\n   * Controls the vertical space between elements\n   */\n  // spaceY?: Token<CSS.Property.Margin | number, \"space\">\n}\n"},"lineCount":null}},"error":null,"hash":"2df4b714f8e9aee190a32c0ddb67b810","cacheData":{"env":{}}}