"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.selectVariantStyle = exports.selectSizeStyle = exports.buttonVariantStyle = exports.buttonSizeStyle = exports.buttonRingStyle = exports.buttonLinkSizeStyle = exports.buttonLinkColorStyle = exports.buttonColorVariantStyle = void 0;
var selectVariantStyle = {
  "default": {
    "--tw-bg-opacity": "1",
    "backgroundColor": "rgba(255, 255, 255, var(--tw-bg-opacity))",
    "borderRadius": "0px"
  },
  minimal: {
    "backgroundColor": "rgba(0, 0, 0, 0)",
    "borderRadius": "0.25rem"
  }
};
exports.selectVariantStyle = selectVariantStyle;
var selectSizeStyle = {
  sm: {
    "paddingLeft": "0.5rem",
    "paddingRight": "0.5rem",
    "paddingTop": "0.25rem",
    "paddingBottom": "0.25rem"
  },
  md: {
    "paddingLeft": "1rem",
    "paddingRight": "1rem",
    "paddingTop": "0.5rem",
    "paddingBottom": "0.5rem"
  }
};
exports.selectSizeStyle = selectSizeStyle;
var buttonVariantStyle = {
  primary: {
    "paddingLeft": "0.75rem",
    "paddingRight": "0.75rem"
  },
  secondary: {}
};
exports.buttonVariantStyle = buttonVariantStyle;
var buttonColorVariantStyle = {
  brand: {
    primary: {
      "--tw-bg-opacity": "1",
      "backgroundColor": "rgba(58, 93, 174, var(--tw-bg-opacity))",
      ":hover": {
        "--tw-bg-opacity": "1",
        "backgroundColor": "rgba(107, 134, 194, var(--tw-bg-opacity))"
      },
      ":active": {
        "--tw-bg-opacity": "1",
        "backgroundColor": "rgba(58, 93, 174, var(--tw-bg-opacity))"
      },
      "--tw-text-opacity": "1",
      "color": "rgba(255, 255, 255, var(--tw-text-opacity))"
    },
    secondary: {
      "--tw-text-opacity": "1",
      "color": "rgba(58, 93, 174, var(--tw-text-opacity))",
      ":hover": {
        "--tw-text-opacity": "1",
        "color": "rgba(107, 134, 194, var(--tw-text-opacity))"
      },
      ":active": {
        "--tw-text-opacity": "1",
        "color": "rgba(41, 65, 122, var(--tw-text-opacity))"
      }
    }
  },
  product: {
    primary: {
      "--tw-bg-opacity": "1",
      "backgroundColor": "rgba(229, 158, 109, var(--tw-bg-opacity))",
      ":hover": {
        "--tw-bg-opacity": "1",
        "backgroundColor": "rgba(237, 177, 137, var(--tw-bg-opacity))"
      },
      ":active": {
        "--tw-bg-opacity": "1",
        "backgroundColor": "rgba(229, 158, 109, var(--tw-bg-opacity))"
      },
      "--tw-text-opacity": "1",
      "color": "rgba(0, 0, 0, var(--tw-text-opacity))"
    },
    secondary: {
      "--tw-text-opacity": "1",
      "color": "rgba(0, 0, 0, var(--tw-text-opacity))",
      ":hover": {
        "--tw-text-opacity": "0.7"
      },
      ":active": {
        "--tw-text-opacity": "0.8"
      }
    }
  },
  plant: {
    primary: {
      "--tw-bg-opacity": "1",
      "backgroundColor": "rgba(10, 99, 94, var(--tw-bg-opacity))",
      ":hover": {
        "--tw-bg-opacity": "1",
        "backgroundColor": "rgba(66, 155, 150, var(--tw-bg-opacity))"
      },
      ":active": {
        "--tw-bg-opacity": "1",
        "backgroundColor": "rgba(10, 99, 94, var(--tw-bg-opacity))"
      },
      "--tw-text-opacity": "1",
      "color": "rgba(255, 255, 255, var(--tw-text-opacity))"
    },
    secondary: {
      "--tw-text-opacity": "1",
      "color": "rgba(10, 99, 94, var(--tw-text-opacity))",
      ":hover": {
        "--tw-text-opacity": "1",
        "color": "rgba(55, 129, 125, var(--tw-text-opacity))"
      },
      ":active": {
        "--tw-text-opacity": "1",
        "color": "rgba(33, 78, 75, var(--tw-text-opacity))"
      }
    }
  }
};
exports.buttonColorVariantStyle = buttonColorVariantStyle;
var buttonRingStyle = {
  brand: {
    ":focus": {
      "--tw-ring-opacity": "1",
      "--tw-ring-color": "rgba(181, 194, 225, var(--tw-ring-opacity))"
    },
    ":hover": {
      "--tw-ring-opacity": "1",
      "--tw-ring-color": "rgba(206, 215, 235, var(--tw-ring-opacity))"
    }
  },
  product: {
    ":focus": {
      "--tw-ring-opacity": "1",
      "--tw-ring-color": "rgba(244, 196, 166, var(--tw-ring-opacity))"
    },
    ":hover": {
      "--tw-ring-opacity": "1",
      "--tw-ring-color": "rgba(249, 216, 195, var(--tw-ring-opacity))"
    }
  },
  plant: {
    ":focus": {
      "--tw-ring-opacity": "1",
      "--tw-ring-color": "rgba(161, 205, 203, var(--tw-ring-opacity))"
    },
    ":hover": {
      "--tw-ring-opacity": "1",
      "--tw-ring-color": "rgba(192, 222, 220, var(--tw-ring-opacity))"
    }
  }
};
exports.buttonRingStyle = buttonRingStyle;
var buttonSizeStyle = {
  sm: {
    "paddingTop": "0.25rem",
    "paddingBottom": "0.25rem",
    "fontSize": "0.875rem",
    ":focus": {
      "--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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
      "boxShadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)"
    }
  },
  md: {
    "paddingTop": "0.75rem",
    "paddingBottom": "0.75rem",
    "fontSize": "1.125rem",
    ":focus": {
      "--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
      "boxShadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)"
    }
  }
};
exports.buttonSizeStyle = buttonSizeStyle;
var buttonLinkSizeStyle = {
  sm: {
    "fontSize": "0.875rem",
    ":focus": {
      "--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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
      "boxShadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)"
    }
  },
  md: {
    "fontSize": "18px",
    "lineHeight": "1.5rem",
    "@media (min-width: 768px)": {
      "fontSize": "22px",
      "lineHeight": "2rem"
    }
  }
};
exports.buttonLinkSizeStyle = buttonLinkSizeStyle;
var buttonLinkColorStyle = {
  brand: {
    "--tw-text-opacity": "1",
    "color": "rgba(58, 93, 174, var(--tw-text-opacity))"
  },
  product: {
    "--tw-text-opacity": "1",
    "color": "rgba(231, 158, 109, var(--tw-text-opacity))"
  },
  plant: {
    "--tw-text-opacity": "1",
    "color": "rgba(10, 99, 94, var(--tw-text-opacity))"
  }
};
exports.buttonLinkColorStyle = buttonLinkColorStyle;