"use strict";

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

/*
Copyright 2021 Q-CTRL. All rights reserved.

Licensed under the Q-CTRL Terms of service (the "License"). Unauthorized
copying or use of this file, via any medium, is strictly prohibited.
Proprietary and confidential. You may not use this file except in compliance
with the License. You may obtain a copy of the License at

     https://q-ctrl.com/terms

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS. See the
License for the specific language.
*/
var _ = require("lodash");

var plugin = require("tailwindcss/plugin");

var _require = require("../../utilities/convertColors"),
    getRGB = _require.getRGB,
    removeHash = _require.removeHash; // Radio Button


module.exports = function (_ref) {
  var addComponents = _ref.addComponents,
      theme = _ref.theme,
      e = _ref.e;
  var radioButton = {
    ".form-radio": {
      appearance: "none",
      colorAdjust: "exact",
      display: "inline-block",
      verticalAlign: "middle",
      backgroundOrigin: "border-box",
      userSelect: "none",
      flexShrink: "0",
      borderRadius: "100%",
      height: "1rem",
      width: "1rem",
      color: theme("colors.white"),
      "transition-property": "all",
      "transition-timing-function": theme("transitionTimingFunction.ease-in-out"),
      "transition-duration": theme("transitionDuration.200"),
      backgroundColor: theme("colors.white"),
      border: "1px solid ".concat(theme("colors.gray.300")),
      "&:hover": {
        borderColor: theme("colors.gray.400"),
        boxShadow: theme("boxShadow.xs")
      },
      "&:focus": {
        "--tw-ring-opacity": "0.35",
        "--tw-ring-color": "rgba(".concat(getRGB(theme("colors.violet.300")), ", var(--tw-ring-opacity))"),
        "--tw-ring-offset-width": "0px",
        "--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
        "--tw-ring-shadow": "var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
        "box-shadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)",
        borderColor: theme("colors.primary.DEFAULT")
      },
      "&:checked": {
        backgroundImage: "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23".concat(removeHash(theme("colors.primary.DEFAULT")), "' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")"),
        color: theme("colors.white"),
        backgroundColor: theme("colors.current"),
        backgroundPosition: "center center",
        backgroundRepeat: "no-repeat",
        backgroundSize: "cover",
        boxShadow: theme("boxShadow.inner-sm"),
        borderColor: theme('colors.gray.300'),
        "&:hover": {
          boxShadow: theme("boxShadow.inner-sm"),
          borderColor: theme("colors.primary.dark")
        },
        "&:focus": {
          "--tw-ring-opacity": "0.25",
          "--tw-ring-color": "rgba(104, 12, 233, var(--tw-ring-opacity))",
          boxShadow: "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)",
          borderColor: theme("colors.primary.DEFAULT")
        }
      },
      "&:disabled": {
        boxShadow: "".concat(theme("boxShadow.none"), "!important"),
        backgroundColor: "".concat(theme("colors.light"), "!important"),
        borderColor: "".concat(theme("colors.gray.DEFAULT"), "!important")
      },
      "&.form-radio-danger": {
        borderColor: "".concat(theme('colors.danger.DEFAULT'), "!important"),
        "&:hover, &:checked:hover": {
          boxShadow: "".concat(theme("boxShadow.inner.sm"), "!important"),
          borderColor: "".concat(theme("colors.danger.dark"), "!important")
        },
        "&:focus, &:checked:focus": {
          "--tw-ring-opacity": "0.25",
          "--tw-ring-color": "rgba(235, 100, 103, var(--tw-ring-opacity))",
          boxShadow: "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)",
          borderColor: theme("colors.danger.DEFAULT")
        }
      }
    }
  };
  var radioButtonSizes = {
    ".form-radio-xs": {
      width: theme("width.4"),
      height: theme("height.4"),
      "&:checked": {
        backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cg filter='url(%23filter0_dd)'%3E%3Cpath fill='%23".concat(removeHash(theme("colors.primary.DEFAULT")), "' fill-rule='evenodd' d='M8 12a4 4 0 100-8 4 4 0 000 8z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd' width='16' height='16' x='0' y='2' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.482353 0 0 0 0 0.454902 0 0 0 0 0.47451 0 0 0 0.16 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.117647 0 0 0 0 0 0 0 0 0 0.2 0 0 0 0.04 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E\")"),
        "&:disabled": {
          backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23".concat(removeHash(theme("colors.gray.DEFAULT")), "' fill-rule='evenodd' d='M8 12a4 4 0 100-8 4 4 0 000 8z' clip-rule='evenodd'/%3E%3C/svg%3E\")!important")
        },
        "&.form-radio-danger": {
          backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23".concat(removeHash(theme("colors.danger.DEFAULT")), "' fill-rule='evenodd' d='M8 12a4 4 0 100-8 4 4 0 000 8z' clip-rule='evenodd'/%3E%3C/svg%3E\")!important")
        }
      }
    },
    ".form-radio-sm": {
      width: theme("width.5"),
      height: theme("height.5"),
      "&:checked": {
        backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cg filter='url(%23filter0_dd)'%3E%3Cpath fill='%23".concat(removeHash(theme("colors.primary.DEFAULT")), "' fill-rule='evenodd' d='M10 16a6 6 0 100-12 6 6 0 000 12z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd' width='20' height='20' x='0' y='2' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.482353 0 0 0 0 0.454902 0 0 0 0 0.47451 0 0 0 0.16 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.117647 0 0 0 0 0 0 0 0 0 0.2 0 0 0 0.04 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E\")"),
        "&:disabled": {
          backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23".concat(removeHash(theme("colors.gray.DEFAULT")), "' fill-rule='evenodd' d='M10 16a6 6 0 100-12 6 6 0 000 12z' clip-rule='evenodd'/%3E%3C/svg%3E\")!important")
        },
        "&.form-radio-danger": {
          backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23".concat(removeHash(theme("colors.danger.DEFAULT")), "' fill-rule='evenodd' d='M10 16a6 6 0 100-12 6 6 0 000 12z' clip-rule='evenodd'/%3E%3C/svg%3E\")!important")
        }
      }
    },
    ".form-radio-md": {
      width: theme("width.6"),
      height: theme("height.6"),
      "&:checked": {
        backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg filter='url(%23filter0_dd)'%3E%3Cpath fill='%23".concat(removeHash(theme("colors.primary.DEFAULT")), "' fill-rule='evenodd' d='M12 20a8 8 0 100-16 8 8 0 000 16z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd' width='24' height='24' x='0' y='2' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.482353 0 0 0 0 0.454902 0 0 0 0 0.47451 0 0 0 0.16 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.117647 0 0 0 0 0 0 0 0 0 0.2 0 0 0 0.04 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E\")"),
        "&:disabled": {
          backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23".concat(removeHash(theme("colors.gray.DEFAULT")), "' fill-rule='evenodd' d='M12 20a8 8 0 100-16 8 8 0 000 16z' clip-rule='evenodd'/%3E%3C/svg%3E\")!important")
        },
        "&.form-radio-danger": {
          backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23".concat(removeHash(theme("colors.danger.DEFAULT")), "' fill-rule='evenodd' d='M12 20a8 8 0 100-16 8 8 0 000 16z' clip-rule='evenodd'/%3E%3C/svg%3E\")!important")
        }
      }
    },
    ".form-radio-lg": {
      width: theme("width.8"),
      height: theme("height.8"),
      "&:checked": {
        backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3E%3Cg filter='url(%23filter0_dd)'%3E%3Cpath fill='%23".concat(removeHash(theme("colors.primary.DEFAULT")), "' fill-rule='evenodd' d='M16 26c5.523 0 10-4.477 10-10S21.523 6 16 6 6 10.477 6 16s4.477 10 10 10z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd' width='28' height='28' x='2' y='4' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.482353 0 0 0 0 0.454902 0 0 0 0 0.47451 0 0 0 0.16 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.117647 0 0 0 0 0 0 0 0 0 0.2 0 0 0 0.04 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E\")"),
        "&:disabled": {
          backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23".concat(removeHash(theme("colors.gray.DEFAULT")), "' fill-rule='evenodd' d='M16 26c5.523 0 10-4.477 10-10S21.523 6 16 6 6 10.477 6 16s4.477 10 10 10z' clip-rule='evenodd'/%3E%3C/svg%3E\")!important")
        },
        "&.form-radio-danger": {
          backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23".concat(removeHash(theme("colors.danger.DEFAULT")), "' fill-rule='evenodd' d='M16 26c5.523 0 10-4.477 10-10S21.523 6 16 6 6 10.477 6 16s4.477 10 10 10z' clip-rule='evenodd'/%3E%3C/svg%3E\")!important")
        }
      }
    }
  };
  var baseColors = ['violet', 'magenta', 'blue', 'teal', 'green', 'yellow', 'orange', 'red', 'pink'];

  var radioButtonColors = _.map(baseColors, function (key) {
    return _defineProperty({}, ".".concat(e("form-radio-".concat(key))), {
      "&:hover": {
        borderColor: theme("colors." + key + ".400")
      },
      "&:checked:hover": {
        borderColor: theme("colors." + key + ".500")
      },
      "&:focus, &:checked:focus": {
        "--tw-ring-color": "rgba(".concat(getRGB(theme("colors." + key + ".300")), ", var(--tw-ring-opacity))"),
        borderColor: theme("colors." + key + ".500")
      },
      "&:checked": {
        backgroundImage: "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23".concat(removeHash(theme("colors." + key + ".DEFAULT")), "' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")"),
        "&:hover:not(:focus)": {
          backgroundImage: "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23".concat(removeHash(theme("colors." + key + ".500")), "' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")")
        }
      },
      "&.form-radio-xs": {
        "&:checked": {
          backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cg filter='url(%23filter0_dd)'%3E%3Cpath fill='%23".concat(removeHash(theme("colors." + key + ".DEFAULT")), "' fill-rule='evenodd' d='M8 12a4 4 0 100-8 4 4 0 000 8z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd' width='16' height='16' x='0' y='2' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.482353 0 0 0 0 0.454902 0 0 0 0 0.47451 0 0 0 0.16 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.117647 0 0 0 0 0 0 0 0 0 0.2 0 0 0 0.04 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E\")"),
          "&:hover:not(:focus)": {
            backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cg filter='url(%23filter0_dd)'%3E%3Cpath fill='%23".concat(removeHash(theme("colors." + key + ".500")), "' fill-rule='evenodd' d='M8 12a4 4 0 100-8 4 4 0 000 8z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd' width='16' height='16' x='0' y='2' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.482353 0 0 0 0 0.454902 0 0 0 0 0.47451 0 0 0 0.16 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.117647 0 0 0 0 0 0 0 0 0 0.2 0 0 0 0.04 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E\")")
          }
        }
      },
      "&.form-radio-sm": {
        "&:checked": {
          backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cg filter='url(%23filter0_dd)'%3E%3Cpath fill='%23".concat(removeHash(theme("colors." + key + ".DEFAULT")), "' fill-rule='evenodd' d='M10 16a6 6 0 100-12 6 6 0 000 12z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd' width='20' height='20' x='0' y='2' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.482353 0 0 0 0 0.454902 0 0 0 0 0.47451 0 0 0 0.16 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.117647 0 0 0 0 0 0 0 0 0 0.2 0 0 0 0.04 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E\")"),
          "&:hover:not(:focus)": {
            backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cg filter='url(%23filter0_dd)'%3E%3Cpath fill='%23".concat(removeHash(theme("colors." + key + ".500")), "' fill-rule='evenodd' d='M10 16a6 6 0 100-12 6 6 0 000 12z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd' width='20' height='20' x='0' y='2' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.482353 0 0 0 0 0.454902 0 0 0 0 0.47451 0 0 0 0.16 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.117647 0 0 0 0 0 0 0 0 0 0.2 0 0 0 0.04 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E\")")
          }
        }
      },
      "&.form-radio-md": {
        "&:checked": {
          backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg filter='url(%23filter0_dd)'%3E%3Cpath fill='%23".concat(removeHash(theme("colors." + key + ".DEFAULT")), "' fill-rule='evenodd' d='M12 20a8 8 0 100-16 8 8 0 000 16z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd' width='24' height='24' x='0' y='2' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.482353 0 0 0 0 0.454902 0 0 0 0 0.47451 0 0 0 0.16 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.117647 0 0 0 0 0 0 0 0 0 0.2 0 0 0 0.04 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E\")"),
          "&:hover:not(:focus)": {
            backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg filter='url(%23filter0_dd)'%3E%3Cpath fill='%23".concat(removeHash(theme("colors." + key + ".500")), "' fill-rule='evenodd' d='M12 20a8 8 0 100-16 8 8 0 000 16z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd' width='24' height='24' x='0' y='2' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.482353 0 0 0 0 0.454902 0 0 0 0 0.47451 0 0 0 0.16 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.117647 0 0 0 0 0 0 0 0 0 0.2 0 0 0 0.04 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E\")")
          }
        }
      },
      "&.form-radio-lg": {
        "&:checked": {
          backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3E%3Cg filter='url(%23filter0_dd)'%3E%3Cpath fill='%23".concat(removeHash(theme("colors." + key + ".DEFAULT")), "' fill-rule='evenodd' d='M16 26c5.523 0 10-4.477 10-10S21.523 6 16 6 6 10.477 6 16s4.477 10 10 10z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd' width='28' height='28' x='2' y='4' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.482353 0 0 0 0 0.454902 0 0 0 0 0.47451 0 0 0 0.16 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.117647 0 0 0 0 0 0 0 0 0 0.2 0 0 0 0.04 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E\")"),
          "&:hover:not(:focus)": {
            backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3E%3Cg filter='url(%23filter0_dd)'%3E%3Cpath fill='%23".concat(removeHash(theme("colors." + key + ".500")), "' fill-rule='evenodd' d='M16 26c5.523 0 10-4.477 10-10S21.523 6 16 6 6 10.477 6 16s4.477 10 10 10z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd' width='28' height='28' x='2' y='4' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.482353 0 0 0 0 0.454902 0 0 0 0 0.47451 0 0 0 0.16 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.117647 0 0 0 0 0 0 0 0 0 0.2 0 0 0 0.04 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E\")")
          }
        }
      }
    });
  });

  addComponents([radioButton]);
  addComponents([radioButtonSizes, radioButtonColors], {
    variants: ["responsive"]
  });
};