{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "rounded": "{rounded.none}",
    "paddingX": "{spacing.3}",
    "paddingY": "{spacing.2}",
    "display": "flex",
    "width": "full",
    "alignItems": "center",
    "textAlign": "start",
    "icon": {
      "size": "{spacing.4}"
    },
    "hover": {
      "backgroundColor": "{colors.accent}",
      "textColor": "{colors.accent-foreground}"
    },
    "active": {
      "backgroundColor": "{colors.accent}",
      "textColor": "{colors.accent-foreground}"
    },
    "current": {
      "backgroundColor": "{colors.accent}",
      "textColor": "{colors.accent-foreground}",
      "fontWeight": "medium"
    }
  },
  "variants": {
    "variant": {
      "default": {
        "backgroundColor": "transparent"
      },
      "outline": {
        "backgroundColor": "{colors.background}",
        "outline": "{ring.hairline}",
        "outlineColor": "{colors.border}",
        "hover": {
          "outlineColor": "{colors.accent}"
        }
      }
    },
    "size": {
      "md": {
        "typography": "{typography.small}",
        "height": "{spacing.9}",
        "with": {
          "mode": {
            "collapsed": {
              "height": "{spacing.8}"
            }
          }
        }
      },
      "sm": {
        "typography": "{typography.caption}",
        "fontWeight": "normal",
        "height": "{spacing.8}",
        "with": {
          "mode": {
            "collapsed": {
              "height": "{spacing.8}"
            }
          }
        }
      },
      "lg": {
        "typography": "{typography.small}",
        "height": "{spacing.14}",
        "with": {
          "mode": {
            "collapsed": {
              "height": "{spacing.8}",
              "padding": "{spacing.0}"
            }
          }
        }
      }
    },
    "mode": {
      "expanded": {
        "gap": "{spacing.2}"
      },
      "collapsed": {
        "gap": "{spacing.2}",
        "height": "{spacing.8}",
        "width": "full",
        "padding": "{spacing.2}"
      }
    }
  },
  "defaults": {
    "variant": "default",
    "size": "md",
    "mode": "expanded"
  }
}