@yamada-ui/loading/dist/chunk-WR5N6GYL.mjs.map

Yamada UI loading components

{"version":3,"sources":["../src/circles.tsx"],"sourcesContent":["import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\n\nexport interface CirclesProps extends Omit<IconProps, \"color\"> {\n  /**\n   * The CSS `stroke` property.\n   */\n  color?: string\n  /**\n   * The CSS `dur` property.\n   *\n   * @default '3s'\n   */\n  duration?: IconProps[\"dur\"]\n}\n\nexport const Circles = forwardRef<CirclesProps, \"svg\">(\n  ({ color, duration = \"3s\", ...rest }, ref) => {\n    return (\n      <Icon ref={ref} stroke={color} viewBox=\"0 0 58 58\" {...rest}>\n        <g fill=\"none\" fillRule=\"evenodd\">\n          <g stroke={color} strokeWidth=\"1.5\" transform=\"translate(2 1)\">\n            <ui.circle\n              cx=\"42.601\"\n              cy=\"11.462\"\n              fill={color}\n              fillOpacity=\"1\"\n              r=\"5\"\n            >\n              <animate\n                attributeName=\"fill-opacity\"\n                begin=\"0s\"\n                calcMode=\"linear\"\n                dur={duration}\n                repeatCount=\"indefinite\"\n                values=\"1;0;0;0;0;0;0;0\"\n              />\n            </ui.circle>\n            <ui.circle\n              cx=\"49.063\"\n              cy=\"27.063\"\n              fill={color}\n              fillOpacity=\"0\"\n              r=\"5\"\n            >\n              <animate\n                attributeName=\"fill-opacity\"\n                begin=\"0s\"\n                calcMode=\"linear\"\n                dur={duration}\n                repeatCount=\"indefinite\"\n                values=\"0;1;0;0;0;0;0;0\"\n              />\n            </ui.circle>\n            <ui.circle\n              cx=\"42.601\"\n              cy=\"42.663\"\n              fill={color}\n              fillOpacity=\"0\"\n              r=\"5\"\n            >\n              <animate\n                attributeName=\"fill-opacity\"\n                begin=\"0s\"\n                calcMode=\"linear\"\n                dur={duration}\n                repeatCount=\"indefinite\"\n                values=\"0;0;1;0;0;0;0;0\"\n              />\n            </ui.circle>\n            <ui.circle cx=\"27\" cy=\"49.125\" fill={color} fillOpacity=\"0\" r=\"5\">\n              <animate\n                attributeName=\"fill-opacity\"\n                begin=\"0s\"\n                calcMode=\"linear\"\n                dur={duration}\n                repeatCount=\"indefinite\"\n                values=\"0;0;0;1;0;0;0;0\"\n              />\n            </ui.circle>\n            <ui.circle\n              cx=\"11.399\"\n              cy=\"42.663\"\n              fill={color}\n              fillOpacity=\"0\"\n              r=\"5\"\n            >\n              <animate\n                attributeName=\"fill-opacity\"\n                begin=\"0s\"\n                calcMode=\"linear\"\n                dur={duration}\n                repeatCount=\"indefinite\"\n                values=\"0;0;0;0;1;0;0;0\"\n              />\n            </ui.circle>\n            <ui.circle\n              cx=\"4.938\"\n              cy=\"27.063\"\n              fill={color}\n              fillOpacity=\"0\"\n              r=\"5\"\n            >\n              <animate\n                attributeName=\"fill-opacity\"\n                begin=\"0s\"\n                calcMode=\"linear\"\n                dur={duration}\n                repeatCount=\"indefinite\"\n                values=\"0;0;0;0;0;1;0;0\"\n              />\n            </ui.circle>\n            <ui.circle\n              cx=\"11.399\"\n              cy=\"11.462\"\n              fill={color}\n              fillOpacity=\"0\"\n              r=\"5\"\n            >\n              <animate\n                attributeName=\"fill-opacity\"\n                begin=\"0s\"\n                calcMode=\"linear\"\n                dur={duration}\n                repeatCount=\"indefinite\"\n                values=\"0;0;0;0;0;0;1;0\"\n              />\n            </ui.circle>\n            <ui.circle cx=\"27\" cy=\"5\" fill={color} fillOpacity=\"0\" r=\"5\">\n              <animate\n                attributeName=\"fill-opacity\"\n                begin=\"0s\"\n                calcMode=\"linear\"\n                dur={duration}\n                repeatCount=\"indefinite\"\n                values=\"0;0;0;0;0;0;0;1\"\n              />\n            </ui.circle>\n          </g>\n        </g>\n      </Icon>\n    )\n  },\n)\n\nCircles.displayName = \"Circles\"\nCircles.__ui__ = \"Circles\"\n"],"mappings":"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","names":[]}