@yamada-ui/react/dist/cjs/components/loading/grid.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"version":3,"file":"grid.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/grid.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface GridProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/docs/components/feedback/loading\n */\nexport const Grid = withContext<\"svg\", GridProps>(({ dur = \"1s\", ...rest }) => {\n  dur = isString(dur) ? parseFloat(dur) : dur\n\n  return (\n    <Icon fill=\"currentColor\" viewBox=\"0 0 105 105\" {...rest}>\n      {[\n        { cx: \"12.5px\", cy: \"12.5px\" },\n        { animationDelay: \"0.1s\", cx: \"12.5px\", cy: \"52.5px\" },\n        { animationDelay: \"0.3s\", cx: \"52.5px\", cy: \"12.5px\" },\n        { animationDelay: \"0.6s\", cx: \"52.5px\", cy: \"52.5px\" },\n        { animationDelay: \"0.8s\", cx: \"92.5px\", cy: \"12.5px\" },\n        { animationDelay: \"0.4s\", cx: \"92.5px\", cy: \"52.5px\" },\n        { animationDelay: \"0.7s\", cx: \"12.5px\", cy: \"92.5px\" },\n        { animationDelay: \"0.5s\", cx: \"52.5px\", cy: \"92.5px\" },\n        { animationDelay: \"0.2s\", cx: \"92.5px\", cy: \"92.5px\" },\n      ].map((props, index) => (\n        <styled.circle\n          key={index}\n          {...props}\n          animationDuration={`${dur}s`}\n          animationIterationCount=\"infinite\"\n          animationTimingFunction=\"linear\"\n          r=\"12.5px\"\n          _keyframes={{\n            \"0%, 100%\": { fillOpacity: \"1\" },\n            \"50%\": { fillOpacity: \"0.2\" },\n          }}\n        />\n      ))}\n    </Icon>\n  )\n})(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;;;;;;AAeA,MAAa,OAAOA,6BAA+B,EAAE,MAAM,KAAM,GAAG,WAAW;AAC7E,uDAAe,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,QACE,2CAACC;EAAK,MAAK;EAAe,SAAQ;EAAc,GAAI;YACjD;GACC;IAAE,IAAI;IAAU,IAAI;IAAU;GAC9B;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACvD,CAAC,KAAK,OAAO,UACZ,2CAACC,uBAAO;GAEN,GAAI;GACJ,mBAAmB,GAAG,IAAI;GAC1B,yBAAwB;GACxB,yBAAwB;GACxB,GAAE;GACF,YAAY;IACV,YAAY,EAAE,aAAa,KAAK;IAChC,OAAO,EAAE,aAAa,OAAO;IAC9B;KATI,MAUL,CACF;GACG;EAET,CAACC,8BAAcC,2BAAW"}