{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "border": "{border.default}",
    "borderColor": "{colors.border}",
    "display": "inline-flex",
    "alignItems": "center",
    "justifyContent": "center",
    "hover": {
      "borderColor": "{colors.muted-foreground}",
      "textColor": "{colors.foreground}"
    },
    "checked": {
      "borderColor": "{colors.foreground}"
    }
  },
  "variants": {
    "size": {
      "xs": {
        "size": "{spacing.6}",
        "typography": "{typography.ui}"
      },
      "sm": {
        "size": "{spacing.12}",
        "@md": {
          "size": "{spacing.9}"
        },
        "typography": "{typography.ui}"
      },
      "md": {
        "size": "{spacing.14}",
        "@md": {
          "size": "{spacing.12}"
        },
        "typography": "{typography.ui}"
      },
      "lg": {
        "size": "{spacing.16}",
        "typography": "{typography.lead}",
        "fontWeight": "medium"
      }
    },
    "shape": {
      "default": {
        "rounded": "{rounded.md}"
      },
      "pill": {
        "rounded": "{rounded.full}"
      }
    }
  },
  "defaults": {
    "size": "md",
    "shape": "default"
  }
}